swift 项目接入flutter 实现

第一种简单接入Flutter module

1 先创建一个flutter moudle,在swift 项目的内的目录下

 flutter create --template module flutter_test_module

2 然后在已经有的swift 项目中的podfile 文件中添加如下代码

//在顶部添加(flutter_test_module 就是moudle 的名字)
flutter_application_path = './flutter_test_module'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
//在target ‘xx' do下添加
install_all_flutter_pods(flutter_application_path)

3 然后执行 pod install
4 在swift 代码中添加跳转到flutter 中的方法,然后运行,


import UIKit
import Flutter
 
class ViewController: UIViewController {
    lazy var flutterEngine:FlutterEngine = FlutterEngine(name: "my flutter engine")
    override func viewDidLoad() {
        super.viewDidLoad()
        flutterEngine.run()
        // Do any additional setup after loading the view.
    }
    @IBAction func clikc(_ sender: Any) {
        let flutterViewController = FlutterViewController(engine: flutterEngine, nibName: nil, bundle: nil)
        self.present(flutterViewController, animated: true, completion: nil)
    }
}

5 在flutter_test_module 目录下命令行执行 flutter attach,然后就可以修改flutter中的代码,实时更新 ,使用 r 命令刷新界面,便可看到最新的修改,而不用启动项目

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
VSCode 是一个强大的开源代码编辑器,可以支持多种编程语言和框架。它非常适合用于创建和开发各种项目,包括 SwiftFlutter。 首先,要创建 Swift 项目,你需要确保你的计算机上已安装有 Swift 编程语言的开发环境。在 VSCode 中,你可以通过在 "Extensions"(扩展)选项卡中搜索并安装 "Swift" 扩展来支持 Swift 语言。 安装完 "Swift" 扩展后,你可以使用 VSCode 中的 "Command Palette"(命令面板)来创建 Swift 项目。按下 "Cmd+Shift+P"(Mac)或 "Ctrl+Shift+P"(Windows)打开命令面板,然后输入 "Swift: Create New Project"(Swift: 创建新项目)。选择该选项后,会出现一个提示框,你可以输入项目名称和保存位置,并确认创建项目。 对于 Flutter 项目,你同样需要确保你的计算机上已安装了 Flutter SDK,并且配置了 Flutter 的开发环境。在 VSCode 中,你可以通过在 "Extensions"(扩展)选项卡中搜索并安装 "Flutter" 扩展来支持 Flutter 框架。 安装完 "Flutter" 扩展后,你同样可以使用 VSCode 中的 "Command Palette"(命令面板)来创建 Flutter 项目。按下 "Cmd+Shift+P"(Mac)或 "Ctrl+Shift+P"(Windows)打开命令面板,然后输入 "Flutter: New Project"(Flutter: 新建项目)。选择该选项后,会出现一个提示框,你可以输入项目名称和保存位置,并确认创建项目。 总之,通过安装适当的扩展和使用 VSCode 的命令面板,你可以方便地在 VSCode 中创建 SwiftFlutter 项目,并利用其强大的功能进行代码编辑和开发。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值