赞
踩
原文 http://summerxx.com/2023/01/28/ios-use-flutter/
前言: 上篇我讲了下 flutter 环境在 MacOs 下搭建, 今天写下如何在一个成熟的 iOS 项目内引用 flutter, Demo 会放到文章最后哈
上篇 : MacOS 下配置flutter 环境
大致如下:
在项目内创建一个 flutter 模块
新建一个 Podfile, 然后进行编写, 之后安装
修改 Xcode 配置, 再次安装
书写, 测试 flutter页面
创建一个 flutter 模块
flutter create --template module flutter_module
创建一个 Podfile
platform :ios, '11.0' flutter_application_path = 'flutter_module' load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb') target 'ios_flutter_demo' do use_frameworks! install_all_flutter_pods(flutter_application_path) pod 'AFNetworking' end # 新增的配置 post_install do |installer| flutter_post_install(installer) if defined?(flutter_post_install) end
安装
pod install
错误
修改Xcode 配置
之后重新安装 pod, 就会在项目里面成功引用了 flutter 相关的包, 如下图所示
测试代码
#import "ViewController.h" #import <Masonry/Masonry.h> #import <ReactiveObjC/ReactiveObjC.h> #import <Flutter/Flutter.h> @interface ViewController () @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view. [self setupViews]; } - (void)setupViews { UIButton *test = [UIButton buttonWithType:UIButtonTypeCustom]; test.backgroundColor = UIColor.blueColor; [test setTitle:@"Test Flutter" forState:UIControlStateNormal]; [self.view addSubview:test]; [test mas_makeConstraints:^(MASConstraintMaker *make) { make.left.right.mas_equalTo(0); make.top.mas_equalTo(100); make.height.mas_equalTo(50); }]; [[test rac_signalForControlEvents:UIControlEventTouchUpInside] subscribeNext:^(__kindof UIControl * _Nullable x) { NSLog(@"按钮被点击了"); FlutterViewController *vc = [[FlutterViewController alloc] init]; [self presentViewController:vc animated:YES completion:nil]; }]; } @end
效果图
问题 Specs satisfying the Flutter (from
flutter_module/.ios/Flutter)
dependency were found, but they required a higher minimum deployment target.
解决 https://blog.csdn.net/u011519923/article/details/116785638
文章参照 :
https://blog.csdn.net/jdd92/article/details/121938342
Demo:
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。