Flutter-module嵌入iOS原生项目

  1. 创建 flutter module:
    cd 到项目文件的同级目录下;
    终端执行命令:(flutter_player: 文件名称,可修改)
  2. flutter create -t module flutter_player
  3. 通过cocoapods添加依赖
  4. 在项目的Podfile文件中添加如下代码:Flutter-module嵌入iOS原生项目_第1张图片

重点代码为下图部分 

Flutter-module嵌入iOS原生项目_第2张图片 

 

更新pods

   pod install

添加脚本
在iOS项目中找到Xcode -> Target -> Build Phase 位置,点击➕好,选择New Run Script Phase;然后把以下两行命令放进去。

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

编译项目
如果报如下错误:

     /bin/sh: /packages/flutter_tools/bin/xcode_backend.sh: No such file or directory

需指定FLUTTER_ROOT路径,在 my_flutter/.ios(隐藏文件)/Flutter/Generated.xcconfig 路径下找到Generated.xcconfig 文件,打开可以看到如下图:Flutter-module嵌入iOS原生项目_第3张图片

 

找到如下两行,添加到xcode -> target -> build setting - User-Defined 中: Flutter-module嵌入iOS原生项目_第4张图片

如图 

 

Flutter-module嵌入iOS原生项目_第5张图片 

 

 

 

 

 

 

你可能感兴趣的:(ios,flutter)