flutter 集成到原生app中

1. 检查是否安装flutter

    终端输入 

flutter --version

结果:

Flutter 1.5.4-hotfix.2 • channel stable • https://github.com/flutter/flutter.git

Framework • revision 7a4c33425d (4 weeks ago) • 2019-04-29 11:05:24 -0700

Engine • revision 52c7a1e849

Tools • Dart 2.3.0 (build 2.3.0-dev.0.5 a1668566e5)

bogon:flutter_module tanibon$

2. 设置镜像   vi ~/.bash_profile 

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

3. 终端cd 到 原生app 的 XXXX.xcodeproj运行目录上一级 创建flutter module

flutter create-t module XXXXX

结果:https://www.jianshu.com/p/af085d4420fd

4. 原生app创建podfile 在最后加入脚本

flutter_application_path ='../xxxxxxxx 'eval(File.read(File.join(flutter_application_path,'.ios','Flutter','podhelper.rb')), binding)

执行podinstall

5. 添加脚本文件

"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build "$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" embed

6. 把Enable Bitcode设为NO,Flutter混合开发还不支持bit code,所以在iOS工程检查项目并关闭bit code

7. 修改AppDelegate.h、AppDelegate.m


8. 热更新 Hot Reload

  cd到flutter工程路径,执行flutter attach

  attach成功之后,运行xcode,更新直接press 'r'

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容