參考：https://github.com/flutter/flutter/wiki/Add-Flutter-to-existing-apps

本文代碼：https://github.com/yonglinwang002/TestFlutter

一、生成Flutter 模塊

假設(shè)已有工程 TestFlutter

$ cd TestFlutter/

$ flutter create -t module flutter_library

執(zhí)行后會(huì)生成

flutter_library 目錄

結(jié)構(gòu)如下

Flutter模塊

二、使用宿主工程依賴Flutter模塊

在主工程中增加一個(gè) Group 如名為Flutter

生成后結(jié)構(gòu)

TestFlutter/

? ? Flutter/

? ? ? Flutter.xcconfig

? ? TestFlutter/

? ? ? AppDelegate.h

? ? ? AppDelegate.m

? ? ? :

? ? ? Debug.xcconfig

? ? ? Release.xcconfig

編輯Flutter.xcconfig 文件

#include "../flutter_library/.ios/Flutter/Generated.xcconfig"

ENABLE_BITCODE=NO

Debug.xcconfig文件

#include "../Flutter/Flutter.xcconfig"

Release.xcconfig文件

#include "../Flutter/Flutter.xcconfig"

FLUTTER_BUILD_MODE=release

使用xcconfig相應(yīng)配置

三、設(shè)置執(zhí)行Flutter的腳本

在Run Script中增加

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

Run Script

四、執(zhí)行腳本并把Framework加入工程

Cmd+B，Build工程，編譯后，F(xiàn)lutter目錄中生成如下

編譯后生成目錄

把其中的flutter_assets 目錄以及Flutter.framework加入到工程的Flutter Group中

注意添加flutter_assets目錄時(shí)，選擇 Create forlder references !!!! (我就是這里沒(méi)注意，后面始終出錯(cuò))

添加Flutter相關(guān)文件

五、添加調(diào)用Flutter語(yǔ)句

這里就沒(méi)有什么好說(shuō)的了，

#import "Flutter/Flutter.h"

- (void)viewDidLoad {
??? [super viewDidLoad];
??? [self.view setBackgroundColor:[UIColor orangeColor]];
???
??? UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
??? [button addTarget:self
?????????????? action:@selector(handleButtonAction)
???? forControlEvents:UIControlEventTouchUpInside];
??? [button setTitle:@"Press me" forState:UIControlStateNormal];
??? [button setBackgroundColor:[UIColor blueColor]];
??? button.frame = CGRectMake(80.0, 210.0, 160.0, 40.0);
??? [self.view addSubview:button];
???
??? // Do any additional setup after loading the view, typically from a nib.
}


- (void)handleButtonAction {
??? FlutterViewController* flutterViewController = [[FlutterViewController alloc] init];
??? flutterViewController.view.frame = [UIScreen mainScreen].bounds;
//??? [flutterViewController setInitialRoute:@"route1"];//如果設(shè)置了router，可以到不同的頁(yè)面
??? [self presentViewController:flutterViewController animated:NO completion:nil];
}

Cmd+R吧，就出來(lái)了

這里說(shuō)一個(gè)熱重載的方法 （Hot Reload） 在終端上

$ cd flutter_library

$ flutter attach

Waiting for a connection from Flutter on iPhone X...

然后，在XCode中 Cmd+R 執(zhí)行，待進(jìn)入到FlutterView頁(yè)面時(shí)，

終端變成如下

這時(shí)如果修改了dart文件 ，再按r就可以重新載入

q 退出

本頁(yè)內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過(guò)網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁(yè)中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.kwpm.com.cn/18193.html