flutter模块化开发，flutter ui模板

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

ios原生嵌套Flutter模块

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

target FlutterHybridiOS do install_all_flutter_pods(flutter_application_path)end 接着在工程根目录下运行 pod install ，即可集成上 Flutter Module。看到我们的 Pods 中多了以下几个模块，即说明集成成功。

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

通过module的形式将flutter嵌入已有的ios项目中后，打包发布时可能会遇到报 Flutter.framework包含了x86_64框架问题，出现这个问题基本是因为粗心。怎么构建flutter module项目这里不提了，官方和网上博客都有。

① 创建原生视图，可提供外界调用的方法 / 属性等。

Flutter(六)Android与Flutter混合开发(Hybird)

1、HybridApp主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。HybridApp兼具了NativeApp良好用户体验的优势，也兼具了WebApp使用HTML5跨平台开发低成本的优势。

2、Hybrid是半Native半Web开发模式，充分利用H5的跨平台、快速迭代能力以及Native的流畅性、系统API调用能力，具有可复用性高、开发成本低、跨平台开发的特点。

3、具体来讲ReactNative可以跨Android、iOS、Web、Windows四端，Flutter可以跨Android、iOS、Web、Linux四端，Weex可以跨Android、iOS、Web三端。

iOS与Flutter混合开发

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

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问题。