iOS 为现有工程接入flutter-基础配置篇

    xiaoxiao2022-07-12  144

    官网链接 Demo地址 ###前置 Mac下Flutter 安装与配置

    #####本文是在已经下载flutter(上边有指导下载或者百度如何下载)并且本地flutter环境变量已经配置好的前提下进行操作 ######查看flutter环境变量是否配置完成,可以终端打开直接输入

    flutter doctor -v

    如果提示没有找到flutter,证明本地flutter环境变量还没有配置成功, #####配置方法

    打开终端输入 open .zshrc 因为我的flutter下载下来是放到桌面的,所以,应该这样输入 export PATH=/Users/yourname/Desktop/flutter/bin:$PATH 它看起来应该长这样

    ######保存,然后退出

    ####工程配置

    桌面创建文件夹,命名为test创建iOS/swift工程,命名为Flutter-iOSTest,将创建好的工程放入test文件夹下flutter module创建,打开终端,cd到test文件夹,终端输入 flutter create -t module my_flutter

    成功之后你会看到和刚才创建的项目工程同级别下出现了flutter module 名称为咱们刚才写的 my_flutter

    通过cocopod将iOS/swift工程和flutter进行关联 进入Flutter-iOSTest文件夹执行 pod init将配置项添加到pod文件夹中 flutter_application_path = '../my_flutter' eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)

    看起来应该是这样

    保存,终端执行pod install

    打开我们pod创建好的 Flutter-iOSTest.xcworkspace,进行基础配置

    iOS工程Enable Bitcode 需要关闭,因为Flutter混合开发不支持Bitcode

    添加Run Script

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

    #####执行到这里,command + B 编译,提示success 证明就接入成功了

    参考文档

    官网链接如何在现有的iOS工程中接入FlutteriOS老项目集成Flutter(iOS混编Flutter)iOS Native混编Flutter交互实践

    #####相关注释已添加,有问题可以评论区留言, Demo地址

    最新回复(0)