一港令、創(chuàng)建項(xiàng)目及配置
1扔涧,創(chuàng)建ios項(xiàng)目儡司,同時(shí)在同一個(gè)根目錄下創(chuàng)建flutter項(xiàng)目
flutter項(xiàng)目使用命令flutter create -t module xxxflutter項(xiàng)目名
如圖
2限匣,將flutter項(xiàng)目以pod的形式加入ios項(xiàng)目
2.1彤守,如果項(xiàng)目之前沒有用過pod徙融,則pod init創(chuàng)建podfile
如果使用過洒缀,直接進(jìn)行步驟2.2。
2.2欺冀,podfile中添加
flutter_application_path = '../xxxflutter項(xiàng)目名'
load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')
flutter_application_path是flutter項(xiàng)目的路徑
2.3树绩,target中加入(一次性將flutter的編譯產(chǎn)物由此依賴進(jìn)入iOS項(xiàng)目中,可跳過步驟3)
install_all_flutter_pods(flutter_application_path)
3脚猾,配置腳本(已完成步驟2.3可進(jìn)行步驟4)
打開ios項(xiàng)目葱峡,在Build Phases中左上角添加Run Script
"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" build
"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh" embed
4,設(shè)置bitcode
Flutter 目前還不支持 BitCode龙助,需要設(shè)置為No
二砰奕、混編使以后添加的每個(gè)模塊都以package形式,在module中pubspec.yaml文件中引用(基于內(nèi)存消耗考慮)
1提鸟,頁面跳轉(zhuǎn)
原生處理:
flutter在iOS中的使用军援,主要是以FlutterViewController為載體,并在其內(nèi)部采用FlutterEngine對視圖進(jìn)行渲染称勋。
導(dǎo)入頭文件:
#import <Flutter/Flutter.h>
初始化FlutterEngine:
FlutterEngine *engine = [[FlutterEngine alloc] initWithName:@"xxx"];//xxx是唯一標(biāo)識
if ([engine run]) {
self.flutterEngine = engine;
}
初始化flutter控制器
_flutterVC = [[FlutterViewController alloc] initWithEngine:self.flutterEngine nibName:nil bundle:nil];
跳轉(zhuǎn)
//“channelA”與flutter定義的名字保持一致
FlutterMethodChannel *methodChannel = [FlutterMethodChannel methodChannelWithName:@"channelA" binaryMessenger:self.flutterVC];
//使用指定的參數(shù)調(diào)用指定的Flutter方法胸哥,“methodA”與flutter定義的名字保持一致
[methodChannel invokeMethod:@"methodA" arguments:nil];
根據(jù)flutter定義的方法名做相應(yīng)的操作:在flutter頁面點(diǎn)擊按鈕跳轉(zhuǎn)至原生頁面
[methodChannel setMethodCallHandler:^(FlutterMethodCall * _Nonnull call, FlutterResult _Nonnull result) {
if ([call.method isEqualToString:@"next"]) { //”next“為flutter定義的方法
NativeViewController *vc = [[NativeViewController alloc] init];
[self.navigationController pushViewController:vc animated:YES];
}
}];
[self.navigationController pushViewController:self.flutterVC animated:YES]; //跳轉(zhuǎn)至flutter頁面
flutter處理:
在module項(xiàng)目的main里
導(dǎo)入頭文件
import 'package:flutter/services.dart';
定義channel,名字與原生保持一致
final MethodChannel _channelA = MethodChannel("methodA");
在init方法里添加在該channel上接收方法的回調(diào)
此處_pageIndex用來處理顯示flutter哪個(gè)頁面
_channelOne.setMethodCallHandler((call) {
setState(() {
_pageIndex = call.method;
});
return null;
});
flutter頁面點(diǎn)擊按鈕跳轉(zhuǎn)至原生頁面
onTap: () {
MethodChannel(“channelA”).invokeMethod(“next”);
//channel名字和method名字需與原生保持一致
}
2赡鲜,數(shù)據(jù)傳遞
二者之間的數(shù)據(jù)傳遞iOS使用FlutterBasicMessageChannel類空厌,flutter使用BasicMessageChannel類庐船,用法與MethodChannel類似
原生處理:
初始化channel
self.msgChannel = [FlutterBasicMessageChannel messageChannelWithName:@“messageChannel" binaryMessenger:self.flutterVC];//同樣 channel名字與flutter保持一致
接收數(shù)據(jù):
處理接收到的flutter數(shù)據(jù)
[self.msgChannel setMessageHandler:^(id _Nullable message, FlutterReply _Nonnull callback) {
NSLog(@"收到了來自flutter的消息:%@",message);
}];
發(fā)送數(shù)據(jù):
在需要向flutter發(fā)送數(shù)據(jù)的地方調(diào)用
[self.msgChannel sendMessage:message];
flutter處理:
首先依然是導(dǎo)入頭文件
import 'package:flutter/services.dart';
初始化channel,channel名字與原生保持一致
final BasicMessageChannel _msgChannel =
BasicMessageChannel("messageChannel", StandardMessageCodec());
接收數(shù)據(jù):
在init方法里添加在該channel上接收方法的回調(diào)
_msgChannel.setMessageHandler((message) {
print("收到了來之iOS的消息:$message");
return null;
});
發(fā)送數(shù)據(jù):在需要的地方之間調(diào)用send方法即可
_msgChannel.send(message);
問題:
網(wǎng)上搜的方法嘲更,在podfile最前邊加eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)句話
執(zhí)行pod install失敗
# Uncomment the next line to define a global platform for your project
# platform :ios, '9.0'
flutter_application_path = '../flutter_module'
eval(File.read(File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')), binding)
target 'iosfix' do
# Comment the next line if you don't want to use dynamic frameworks
use_frameworks!
# Pods for iosfix
install_all_flutter_pods(flutter_application_path)
target 'iosfixTests' do
inherit! :search_paths
# Pods for testing
install_all_flutter_pods(flutter_application_path)
end
target 'iosfixUITests' do
# Pods for testing
install_all_flutter_pods(flutter_application_path)
end
end
于是又搜了下別的文章筐钟,添加的第二句話為load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb'),試了下成功了