iOS 项目嵌入Flutter 运行(最新推荐)
一 创建Flutter 模块
命令行
flutter create --template module my_flutter
创建完成后,该模块和普通的Flutter项目一直,可以通过Android Studio或VSCode打开、开发、运行;
- 和之前项目不同的iOS和Android项目是一个隐藏文件,并且我们通常不会单独打开它们再来运行;
- 它们的作用是将Flutter Module进行编译,之后继承到现有的项目中
my_flutter/ ├── .ios/ ├── .android/ ├── lib/ │ └── main.dart ├── test/ └── pubspec.yaml
二 嵌入到iOS 项目
主要是通过pod 进行设置,之后pod install
注意my_flutter 的路径对不对
platform :ios, '12.0' # 添加模块所在路径 flutter_application_path = '../my_flutter' load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb') target 'FlutterHybridDemo' do # Comment the next line if you don't want to use dynamic frameworks use_frameworks! # 安装Flutter模块 install_all_flutter_pods(flutter_application_path) # Pods for FlutterHybridDemo end post_install do |installer| flutter_post_install(installer) if defined?(flutter_post_install) end
三 iOS 项目中调用
为了在既有的iOS应用中展示Flutter页面,需要启动 Flutter Engine和 FlutterViewController
AppDelegate 中设置代码
import UIKit import FlutterPluginRegistrant @main class AppDelegate: UIResponder, UIApplicationDelegate { // 1.创建一个FlutterEngine对象 lazy var flutterEngine = FlutterEngine(name:"my flutter engine") func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { // Override point for customization after application launch. // 2 启动 flutterEngine.run() return true }
在ViewControlelr 设置的代码
import UIKit import Flutter class ViewController: UIViewController { override func viewDidLoad() { super.viewDidLoad() // Do any additional setup after loading the view. let btn = UIButton(type: UIButton.ButtonType.custom) btn.setTitle("加载flutter", for: UIControl.State.normal) btn.frame = CGRect(x: 50, y: 50, width: 200, height: 50) btn.backgroundColor = UIColor.blue btn.addTarget(self, action: #selector(showFlutter), for: UIControl.Event.touchUpInside) view.addSubview(btn) } @objc func showFlutter(){ let flutterEngine = (UIApplication.shared.delegate as! AppDelegate).flutterEngine let flutterController = FlutterViewController(engine:flutterEngine, nibName: nil, bundle: nil) present(flutterController, animated: true) } }
显示的结果 顺利加载出flutter 的页面
到此这篇关于iOS 项目嵌入Flutter 运行的文章就介绍到这了,更多相关iOS 项目嵌入Flutter内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
iOS定时器的选择CADisplayLink NSTimer和GCD使用
这篇文章主要为大家介绍了iOS定时器的选择CADisplayLink NSTimer和GCD使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-03-03iOS使用UICollectionView实现拖拽移动单元格
这篇文章主要为大家详细介绍了iOS开发UICollectionView拖拽移动单元格,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2022-04-04IOS 贝塞尔曲线(UIBezierPath)属性、方法整理
这篇文章主要介绍了IOS 贝塞尔曲线(UIBezierPath)属性、方法的相关资料,这里整理了贝塞尔 曲线的基础资料,对属性及相应的方法一一做了详解,需要的朋友可以参考下2016-11-11iOS开发中使用UIScrollView实现无限循环的图片浏览器
这篇文章主要介绍了iOS开发中使用UIScrollView实现无限循环的图片浏览器的方法,感兴趣的小伙伴们可以参考一下2016-03-03C++ 中exit(),_exit(),return,abort()函数的区别
这篇文章主要介绍了C++ 中exit(),_exit(),return,abort()函数的区别的相关资料,需要的朋友可以参考下2016-12-12
最新评论