首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    干货 | 携程机票 App KMM 跨端生产实践

    如果要从零搭建一个 KMM 工程,IntelliJ IDEA 或 Android Studio 的 KMM 模版插件可以辅助创建,整体工程就是一个常规 Gradle 工程,内部包含两个 Gradle module...但我们的场景是在现有且彼此独立的携程 Android 与 iOS App工程中引入 KMM,所以我们需要将 KMM 作为一个独立子工程模块进行集成。...使用 IntelliJ IDEA 或 Android Studio 的 KMM 插件创建的 KMM 工程默认生成 Android source set,Gradle Build Task 执行生成 AAR...2.2 iOS 集成 iOS 集成相比 Android 稍显复杂。iOS 开发者需要首先学习 Gradle 配置以及 Intellij IDEA 或 Android Studio IDE的基础知识。...2.2.2 双指令集合并问题 KMM Module 编译生成的 framework 文件最终是运行在真机设备上,即 arm64 格式,而开发阶段需要支持模拟器设备,即 x84_64 格式。

    3.7K10

    谷歌社区说|聊聊Compose跨平台与KMM

    实践KMM KMM用于实现业务逻辑部分,这里我们只以Android和iOS两端为例。...创建项目 在Android Studio中我们可以借助Kotlin Multiplatform Mobile plugin插件来快速的创建支持KMM的项目。...安装好插件后,打开Android Studio我们可以直接创建支持KMM的项目。 创建的时候会让我们填写模块的信息 创建好项目后,生成的项目目录结构是这个样子的。...我们可以借助KMM插件在Android Studio中快速的创建KMM项目,但是当前如果我们想快速创建Compose Multiplatform 项目只能借助新版的IDEA。...通过Message方法将数据展示出来,这里只将作者与标题内容显示出来,代码如下所示: 然后这样我们就可以运行Android和iOS程序了,这里要注意的是借助KMM插件我们可以直接运行iOS程序,但是有个前提就是仍然要安装

    1.4K10

    说说最近官方公布的 Kotlin 的动态

    不仅如此,Android 开发也希望自己在市场上更有竞争力,如果 Kotlin 适用场景变多了,那么自己岂不是就像买了股票一样跑赢大盘?所以 KMM 简直就是众望所归。...KMM 运行在 iOS 上的实际上就是 Kotlin Native 的代码,通过 Kotlin MPP 与运行在 Android 上的 Kotlin Jvm 代码来共享逻辑。...最近随着 Kotlin 1.4 发布推出的 KMM 插件也支持了在 Android Studio 上直接运行 iOS 应用,启动 iOS 模拟器,甚至单步调试运行在 iOS 上的 Kotlin Native...不过,如果想要将 KMM 直接应用于移动端跨平台上上,还是有些问题需要解决的,这主要就是 Kotlin Native 对于 iOS 的支持的问题,例如: Kotlin Native 的并发模型比较严格,...Kotlin 目前尚不能像在 Android 上那样全面替代 Java,从目前以导出 Framework 的方式引入 iOS 工程的做法来看,Swift 和 Objective-C 暂时还是无法完全干掉的

    1.3K30

    两分钟带你快速搭建Flutter开发环境(Mac)

    硬件>设备 ,确保你打开是64位 iPhone 5s或更新的模拟器 3.如果模拟器过大,可以通过模拟器的 Window> Scale 菜单下设置设备比例 创建和运行一个简单的Flutter项目 1.通过如下命令创建一个...; 大家在安装过程中遇到问题无法解决的,可以在我们课程的问答区提问进行提问; 2.启动Android Studio,然后执行“Android Studio安装向导”。...Studio 如何在Android模拟器上运行Flutter?...要准备在Android模拟器上运行并测试您的Flutter应用,需要按照以下步骤操作: 在你的机器上启用 VM acceleration; 启动 Android Studio>Tools>Android...大家在安装过程中遇到问题无法解决的,可以在我们课程的问答区提问进行提问; 在 Android Virtual Device Manager中, 点击工具栏的 Run,模拟器启动并显示所选操作系统版本或设备的启动画面

    5.8K10

    KotlinNative 用KMM写Flutter插件

    二、如何运行 Github项目地址:kmm-flutter-plugin Android: run shared/plugin_codelab/example/android iOS: 1、build...三、设计思路 Android/iOS插件PluginCodelabPlugin只需要实现KMM Module的接口,不写任何逻辑,把逻辑通过接口放在KMM Module中。...fun notImplemented() } } 2、在KMM中的commonMain实现CommonCodelabPlugin插件的公共逻辑 CommonCodelabPlugin需要初始化并启动...Flutter实现插件KMM接口 Android Flutter实现插件KMM接口,注意这里只实现接口用于中转Flutter与Android/iOS 数据,不能有任何业务逻辑 class PluginCodelabPlugin...Flutter实现插件KMM接口 Android Flutter实现插件KMM接口,注意这里只实现接口用于中转Flutter与Android/iOS 数据,不能有任何业务逻辑 #import "PluginCodelabPlugin.h

    1.1K00

    将Flutter程序打包为ios应用并进行安装使用

    配置iOS模拟器 启动Xcode,进入Xcode > Preferences > Components,并安装iOS模拟器组件。这将允许我们在macOS上运行和测试iOS应用程序。...注意,Xcode事情比较多, 需要打开项目里面ios文件夹,不然会报错 could not open file(具体的路径) 创建iOS模拟器 在Xcode中,选择Xcode > Open Developer...配置Flutter开发环境在macOS的终端中,运行以下命令来启用iOS平台支持: flutter config --enable-ios 启动模拟器 在Flutter项目目录下,运行以下命令来启动iOS...如果想要在真实的iOS设备上运行该应用程序,则需要一个付费的Apple开发者账户,以及对代码进行签名和配置。该过程比在模拟器上运行略微复杂一些。...Studio (version 2023.3) • Android Studio at /Applications/Android Studio.app/Contents • Flutter

    28810

    浅谈跨平台框架Flutter的搭建与运行

    3.运行应用程序 定位到Android Studio工具栏; 在 target selector 中, 选择一个运行该应用的Android设备。...一、连接Android模拟器 在Android模拟器上运行并测试Flutter应用,请按照以下步骤操作: 启动 Android Studio>Tools>Android>AVD Manager 并选择...模拟器启动并显示所选操作系统版本或设备的启动画面; 运行 flutter run 启动您的设备。...三、连接iOS模拟器 要准备在iOS模拟器上运行并测试Flutter应用,请按以下步骤操作: 在你的MAC上,通过 Spotlight 或以下命令找到模拟器:open -a Simulator; 通过检查模拟器...Hardware > Device 菜单中的设置,确保模拟器正在使用64位设备(iPhone 5s或更高版本); 根据电脑屏幕大小,模拟高清屏iOS设备可能会溢出屏幕。

    3.3K20

    Compose也能开发iOS了,快来体验~

    搭建项目 创建项目 因为目前Compose for iOS阶段还在试验阶段,所以我们无法使用Android Studio或者IDEA直接创建Compose支持iOS的项目,这里我们采用之前的方法,先使用...Android Studio创建一个KMM项目,如果你不知道如何创建一个KMM项目,可以参照之前的这篇文章KMM的初次尝试~ ,项目目录结构如下所示。...,我们先来运行下iOS项目,确保添加的配置是无误的。...title}") } } } 分别运行iOS、Android程序,点击请求数据按钮,结果如下图: 这样我们就用一套代码,实现了在双端的网络请求功能。...Compose-jb很久之前已经发了稳定版本只是Compose-iOS目前还没有开放出来,而KMM当前还处于试验阶段,不过在2023年Kotlin的RoadMap中,Kotlin已经表示将会在23年中发布第一个稳定版本的

    1.4K30

    浅谈跨平台框架 Flutter 的搭建与运行

    3.运行应用程序 定位到Android Studio工具栏; 在 target selector 中, 选择一个运行该应用的Android设备。...一、连接Android模拟器 在Android模拟器上运行并测试Flutter应用,请按照以下步骤操作: 启动 Android Studio>Tools>Android>AVD Manager 并选择...模拟器启动并显示所选操作系统版本或设备的启动画面; 运行 flutter run 启动您的设备。...三、连接iOS模拟器 要准备在iOS模拟器上运行并测试Flutter应用,请按以下步骤操作: 在你的MAC上,通过 Spotlight 或以下命令找到模拟器:open -a Simulator; 通过检查模拟器...Hardware > Device 菜单中的设置,确保模拟器正在使用64位设备(iPhone 5s或更高版本); 根据电脑屏幕大小,模拟高清屏iOS设备可能会溢出屏幕。

    3.7K40

    搭建Flutter开发环境

    2.配置 iOS 模拟器 如果想要在 iOS 模拟器中运行和测试 Flutter 应用,按照以下步骤即可: •在你的 Mac 中,通过 Spotlight 或者以下命令来运行模拟器: open -a Simulator...•通过模拟器菜单中的 Hardware > Device 选项检查当前模拟器是否是 64 位机型(iPhone 5S 或之后的机型)。...设置 Android 开发环境1.安装 Android Studio •下载并安装(https://developer.android.google.cn/studio)•运行 Android Studio...3.配置 Android 模拟器 根据以下步骤来将 Flutter 应用运行或测试于你的 Android 模拟器上:•激活机器上的 VM acceleration 选项。...•在 Android Virtual Device Manager 中,点击工具栏中的 Run 选项,模拟器会启动并为你所选择的系统版本和设备显示出相应的界面。

    2.2K20

    开源|携程机票 App KMM 跨端 KV 存储库 MMKV-Kotlin

    与 iOS 的主工程或 KMM 的平台相关 source set 中分别初始化: Android: import com.ctrip.flight.mmkv.initialize // In Android...MMKV-Kotlin 的总体设计见下图: 四、实现简介 在《携程机票 App KMM 跨端生产实践》(参考链接 1)一文的 2.2 小节中我们曾以 MMKV 作为 demo 来介绍 KMM 的...在 Android Studio 中点击“Make Project”(图标为一个小锤子)右边的下拉选项栏,然后点击“Edit Configurations...”选项,在弹窗中点击左上角的“+”然后选择...另外三个是 iOS 构建产物,分别对应:iphone 真机(iosarm64)、M1 & M2 芯片的 Mac 上的 iOS 模拟器(iossimulatorarm64)、Intel 芯片的 Mac 上的...iOS 模拟器(iosx64)。

    1.8K20

    Flutter基础-环境搭建及demo运行

    可通过打开一次 Xcode 或命令行运行 sudo xcodebuild -license 使用 Xcode 我们就能在 iOS 设备或模拟器上运行 Flutter apps 设置iOS模拟器...首先打开模拟器 通过命令 open -a Simulator 或者 Spotlight 通过检查模拟器的Hardware > Device菜单中得设置 , 以确保模拟器正在使用64位设备 (iPhone...5s或更高版本) 取决于开发设备屏幕尺寸 , 高屏幕密度的iOS模拟设备可能会在屏幕上溢出 , 在模拟器的Window > Scale菜单下设置设备比例 通过运行 flutter run 来启动应用...从Flutter项目目录中的终端窗口中运行ios/Runner.xcworkspace来打开Xcode工作空间 , 也可直接双击文件打开 在Xcode中,从左侧导航面板中选择 Runner 项目...设置Android模拟器 运行模拟器比较吃资源 , 这里建议还是使用Android真机.

    3.1K40

    React Native介绍及开发环境(Mac)搭建

    因此RN如果要做全套,起码需要一台MBP+一台iphone+一台安卓机。 此外ios开发者账号是要钱的(每年800+)。所以本系列文章都会以安卓开发为主。 准备 假如安装node10以上版本。...你可以在 Android Studio 的”Preferences”菜单中查看 SDK 的真实路径,具体是Appearance & Behavior → System Settings → Android...ios开发环境 首先你得安装xcode。 xcode(6.1G):它是开发iphone,ipad,iwatch,MacOS的IDE。 React Native 目前需要Xcode 9.4 或更高版本。...这一步骤会同时安装 Xcode IDE、Xcode 的命令行工具和 iOS 模拟器。 ?...第一个ios应用 ios不用做什么配置,直接即可运行。 cd AwesomeProject react-native run-ios 这时候在ios模拟器上就会看到当前的程序。

    2.9K20

    ReactNative开发环境的搭建与开发前准备

    下载安装完成Android Studio后,首先需要对SDK进行相应配置,打开Android Studio,打开欢迎界面的SDK Manager,如下图: 选中其中的SDK Platforms...如下图: 之后随便使用Android Studio创建一个项目,打开其中的AVD Manager,如下: AVD Manager用来管理Android模拟器,如果以后模拟器,可以点击运行按钮开运行模拟器...命令成功执行后,进入到项目根目录中,如下: 使用react-native run-ios或者react-native run-android来进行iOS项目或者Android项目的运行,如果你看到如下图所示的界面...,恭喜你,你的ReactNative项目已经可以跑起来了(需要注意:运行安卓项目的时候,安卓模拟器必须先启动): 需要注意,运行iOS项目时,会默认启动Xcode的默认模拟器,如果要启动特定的模拟器...,可以使用如下命令: react-native run-ios --simulator "iPhone SE" xcrun simctl list devices命令可以打印出所有可用的iOS模拟器

    2.1K20

    ArkUI-X如何编译iOS和Android端的APP

    对于Android端,我们则还需要安装Android Studio并配置好模拟器以及SDK。...我们在左侧的工作目录下可以看到如下的目录结构这两个文件夹下保存的就是iOS和Android所对应的项目目录,我们只需要通过xcode打开ios的项目等环境加载完成,然后点击左侧的 三角号进行编译及运行如果你看到如下报错...主要是因为我门的配置里面的一个变量找不到我们只需查看一下,自己配置中的版本号,然后手动将它们修改为一致的即可。然后再次编译即可稍等片刻后会看到我们的iPhone模拟器已经显示我们修改后的内容了。...我们打开Android Studio,然后将我们的项目导入进去找一个自己之前的模拟器然后点击运行可以看到,已经成功的运行起来了。...总结今天我们一起用了一套代码在,在三端(Android,iOS,鸿蒙)上面成功通过模拟器的方式运行起来的。等过完2024年2月份我的开发板拿到后再和大家一起在真实硬件上运行一下看看。

    1.1K10

    M1芯片Mac搭建Flutter开发环境全攻略

    我选择的是Android Studio,原因很简单,Android Studio是基于IntelliJ IDEA的,而且集成了Android开发工具很方便开发调试,跟Flutter都是Google的亲儿子...: 填写你的项目名称,默认选中Android、iOS,然后点击Finish: 项目打开后,首先在右上角的工具栏里选择已经在运行的iOS模拟器(由于我做开发平时iOS模拟器从来不关,如果你不知道怎么单独打开模拟器就用...Xcode跑个项目吧): 然后control+R运行,一般很快就跑起来了,不会有任何问题: 然后我来试一下Android模拟器,如果设备下拉列表中没有Android Emulator选项,就点击最下面的...Refresh,刷新一下,等待几秒钟一般就有了,或者也可以通过点击右上角的手机小图标来打开Android Virtual Device Manager列表,从列表中启动自带的模拟器: 启动好后,下拉列表中选中这个...模拟器都正常运行和调试没问题之后,我来试一下iPhone真机运行,依然没有成功,不过已经见怪不怪了,提示:无法打开“iproxy”,因为无法验证开发者,这个问题可能是因为权限不够,执行这句命令就可以搞定

    1.7K20
    领券