ios混合flutter，ios混合开发H5

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

iOS与Flutter混合开发

更改XCode编译模式：使用Release模式编译，这个时候Flutter编译方式为AOT，可正常启动；不更改XCode编译模式：更改Flutter编译配置，强制设置为Release。

用 [Xcode] 打开工程项目，在 Build Settings 的最下方找到 User-Defined，点击 + 按钮，添加一个键为 FLUTTER_BUILD_MODE ，debug设置profile模式，release设置release 模式。

因为flutter在release模式下的编译方式是AOT，iOS14+的系统是支持这种编译方式的，具体解决方案如下图再运行就可以了。

将Flutter模块嵌入到现有iOS应用程序中有两种方式：此方法需要所有的相关开发的人员安装 Flutter 环境。需要在my_flutter文件夹下执行一下把.ios和.android等flutter配置生成出来。

建立一个flutter项目的命令在ios文件夹下，生成pods文件夹 Xcode环境签名设置；把错误的版本删除再添加，可解决签名错误问题；必须先删除再添加，直接修改可能不起作用。团队开发，必须使用团队的签名。

相关问答

Q1: flutter与原生混编(iOS)

1、flutter在iOS中的使用，主要是以FlutterViewController为载体，并在其内部采用FlutterEngine对视图进行渲染。

2、执行完毕后，Flutter module将会创建在ios项目/my_flutter目录下将Flutter模块嵌入到现有iOS应用程序中有两种方式：此方法需要所有的相关开发的人员安装 Flutter 环境。

3、iOS项目引入Flutter后，安装Debug包，打开Flutter界面会出现In iOS 14+， debug mode Flutter apps can only be launched from Flutter tooling， IDEs with Flutter plugins or from Xcode问题。

4、因为flutter在release模式下的编译方式是AOT，iOS14+的系统是支持这种编译方式的，具体解决方案如下图再运行就可以了。

5、因为在Deug模式下，Flutter为了实现热重载，默认编译方式为JIT。而iOS14系统对这种编译模式做了限制，导致无法启动。

Q2: ios原生嵌套Flutter模块

1、将Flutter模块嵌入到现有iOS应用程序中有两种方式：此方法需要所有的相关开发的人员安装 Flutter 环境。需要在my_flutter文件夹下执行一下把.ios和.android等flutter配置生成出来。

2、自带渲染引擎 Flutter使用谷歌自己的Skia渲染引擎，而Android系统自带Skia引擎，iOS平台上Flutter也会把Skia引擎打包到APP中，从而实现了高效渲染。而React Native通过桥接层访问原生UI，操作频繁就容易出性能问题。

3、我们上面使用的都是 Material Design 的控件，它们都是在 flutter/material.dart 包里面的。如果要使用 iOS 风格的控件，则要用到 flutter/cupertino.dart 包： iOS 风格的控件，基本都以 Cupertino 开头。

4、iOS项目引入Flutter后，安装Debug包，打开Flutter界面会出现In iOS 14+， debug mode Flutter apps can only be launched from Flutter tooling， IDEs with Flutter plugins or from Xcode问题。

5、所以我们设置APP的版本号和build次数，在这里设置即可，例如： version： 0+1 。

6、Flutter对于iOS和Android设备，提供了两套视觉库，可以针对不同的平台有不同的展示效果。

Q3: Flutter和iOS混合开发iOS14启动闪退

在iOS 14+，调试模式Flutter应用程序只能从Flutter工具，带有Flutter插件的ide或Xcode启动。或者，构建概要文件或发布模式，以支持从主屏幕启动。

因为flutter在release模式下的编译方式是AOT，iOS14+的系统是支持这种编译方式的，具体解决方案如下图再运行就可以了。

flutter run flutter pub get flutter create ..ios文件夹生成之后，回到原生项目pod install即可。

由于安卓那边升级了某些插件，我这边pull之后，进行了Pub get。运行ios项目，发现app启动之后，先闪现黑屏，然后再出现启动页，之后在进入主页面。

Q4: 2022-04-22iOS项目混编flutter,iOS真机debug模式下打不开flutter...

1、用 [Xcode] 打开工程项目，在 Build Settings 的最下方找到 User-Defined，点击 + 按钮，添加一个键为 FLUTTER_BUILD_MODE ，debug设置profile模式，release设置release 模式。

2、更改XCode编译模式：使用Release模式编译，这个时候Flutter编译方式为AOT，可正常启动；不更改XCode编译模式：更改Flutter编译配置，强制设置为Release。

3、在iOS 14+，调试模式Flutter应用程序只能从Flutter工具，带有Flutter插件的ide或Xcode启动。或者，构建概要文件或发布模式，以支持从主屏幕启动。

4、flutter run flutter pub get flutter create ..ios文件夹生成之后，回到原生项目pod install即可。