最近移动端火爆无非是Flutter--舍我其谁,而官网的引导之中鲜有说怎么在已有项目中去集成Flutter,今天我们就再蹭个热门来进行一个iOS集成
1 创建iOS项目(做测试使用)
2 cocoapods走起
project 'XX.xcodeproj' #source 'https://github.com/CocoaPods/Specs.git' #platform :ios, '9.0' #inhibit_all_warnings! # Uncomment the next line to define a global platform for your project # platform :ios, '9.0'target 'XX' do # Uncomment the next line if you're using Swift or would like to use dynamic frameworks # use_frameworks! # Pods for XX target 'XXTests' do inherit! :search_paths # Pods for testing end target 'XXUITests' do inherit! :search_paths # Pods for testing endend flutter_application_path = './flutter_module' eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)
关键部锋分就是末尾添加的
flutter_application_path = './flutter_module'
eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)
3 进入项目根目录添加flutter_module
flutter create -t module flutter_module
4 Xcode 设置 Build Phases 添加 Run Scripts
"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build
4 pod install
5 code设置 5.1 Appdelegate
#import <Flutter/Flutter.h> @interface AppDelegate : FlutterAppDelegate //@property (strong, nonatomic) UIWindow *window; @end
#import <FlutterPluginRegistrant/GeneratedPluginRegistrant.h> // Only if you have Flutter Plugins- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { // Override point for customization after application launch. [GeneratedPluginRegistrant registerWithRegistry:self]; return [super application:application didFinishLaunchingWithOptions:launchOptions]; }
5.2 Controller切换
- (IBAction)pushFlutterVC:(id)sender { FlutterViewController *flutterViewController = [[FlutterViewController alloc] init]; flutterViewController.view.backgroundColor = [UIColor cyanColor]; [flutterViewController setInitialRoute:@"route1"]; [self presentViewController:flutterViewController animated:YES completion:^{ UIViewController * vc = [[NextViewController alloc] init]; // vc.view.backgroundColor = [UIColor whiteColor]; AppDelegate *appDelegate = [UIApplication sharedApplication].delegate; UIViewController * rootVC = appDelegate.window.rootViewController; UIViewController * topVC = nil; if ([rootVC isKindOfClass:[UINavigationController class]]) { topVC = ((UINavigationController *)rootVC).topViewController.presentedViewController; } else { topVC = rootVC.presentedViewController; } [topVC presentViewController:vc animated:YES completion:nil]; }]; }
5.2中我们要考虑到首页是Nav UIViewCOntrooler 或者是FlutterViewController 到此我们的就可以直接Xcode run运行项目啦
6 假如想实现hot reload
进入项目中的flutter_module,运行 flutter attach