Flutter與原生的交互主要通過MethodChannel的方式
本文只列舉兩種形式的插件，掌握基礎(chǔ)的插件寫法，舉一反三，例如我github項(xiàng)目中的高德定位，6.0以上權(quán)限申請(qǐng)等，還需要掌握iOS的的基礎(chǔ)語言o c,swift才能編寫iOS插件。
效果GIF
Channel.gif
從Flutter界面跳轉(zhuǎn)到原生，且?guī)?shù)
1. 實(shí)現(xiàn)插件
public class FlutterPluginJumpToAct implements MethodChannel.MethodCallHandler {
public static String CHANNEL = "com.jzhu.jump/plugin";
static MethodChannel channel;
private Activity activity;
private FlutterPluginJumpToAct(Activity activity) {
this.activity = activity;
}
public static void registerWith(PluginRegistry.Registrar registrar) {
channel = new MethodChannel(registrar.messenger(), CHANNEL);
FlutterPluginJumpToAct instance = new FlutterPluginJumpToAct(registrar.activity());
//setMethodCallHandler在此通道上接收方法調(diào)用的回調(diào)
channel.setMethodCallHandler(instance);
}
@Override
public void onMethodCall(MethodCall call, MethodChannel.Result result) {
//通過MethodCall可以獲取參數(shù)和方法名，然后再尋找對(duì)應(yīng)的平臺(tái)業(yè)務(wù)，本案例做了2個(gè)跳轉(zhuǎn)的業(yè)務(wù)
//接收來自flutter的指令oneAct
if (call.method.equals("oneAct")) {
//跳轉(zhuǎn)到指定Activity
Intent intent = new Intent(activity, OneActivity.class);
activity.startActivity(intent);
//返回給flutter的參數(shù)
result.success("success");
}
//接收來自flutter的指令twoAct
else if (call.method.equals("twoAct")) {
//解析參數(shù)
String text = call.argument("flutter");
//帶參數(shù)跳轉(zhuǎn)到指定Activity
Intent intent = new Intent(activity, TwoActivity.class);
intent.putExtra(TwoActivity.VALUE, text);
activity.startActivity(intent);
//返回給flutter的參數(shù)
result.success("success");
}
else {
result.notImplemented();
}
}
}
2. 插件注冊(cè)
需要在繼承了FlutterActivity中的Activity注冊(cè)
public class MainActivity extends FlutterActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
GeneratedPluginRegistrant.registerWith(this);
registerCustomPlugin(this);
}
private static void registerCustomPlugin(PluginRegistry registrar) {
FlutterPluginJumpToAct.registerWith(registrar.registrarFor(FlutterPluginJumpToAct.CHANNEL));
FlutterPluginCounter.registerWith(registrar.registrarFor(FlutterPluginCounter.CHANNEL));
}
}
3. 帶參數(shù)跳轉(zhuǎn)
//獲取到插件與原生的交互通道
static const jumpPlugin = const MethodChannel('com.jzhu.jump/plugin');
Future<Null> _jumpToNative() async {
String result = await jumpPlugin.invokeMethod('oneAct');
print(result);
}
Future<Null> _jumpToNativeWithValue() async {
Map<String, String> map = { "flutter": "這是一條來自flutter的參數(shù)" };
String result = await jumpPlugin.invokeMethod('twoAct', map);
print(result);
}
參數(shù)解釋
1. 傳遞的參數(shù)
參數(shù)可以不指定類型
Future<dynamic> invokeMethod(String method, [dynamic arguments]) async {
assert(method != null);
final dynamic result = await BinaryMessages.send(
name,
codec.encodeMethodCall(new MethodCall(method, arguments)),
);
if (result == null)
throw new MissingPluginException('No implementation found for method $method on channel $name');
return codec.decodeEnvelope(result);
}
2. 解析傳遞的參數(shù)
解析的參數(shù)是泛型
public <T> T arguments() {
return this.arguments;
}
public <T> T argument(String key) {
if (this.arguments == null) {
return null;
} else if (this.arguments instanceof Map) {
return ((Map)this.arguments).get(key);
} else if (this.arguments instanceof JSONObject) {
return ((JSONObject)this.arguments).opt(key);
} else {
throw new ClassCastException();
}
}
原生主動(dòng)發(fā)送參數(shù)給Flutter
1. 實(shí)現(xiàn)插件
public class FlutterPluginCounter implements EventChannel.StreamHandler {
public static String CHANNEL = "com.jzhu.counter/plugin";
static EventChannel channel;
private Activity activity;
private FlutterPluginCounter(Activity activity) {
this.activity = activity;
}
public static void registerWith(PluginRegistry.Registrar registrar) {
channel = new EventChannel(registrar.messenger(), CHANNEL);
FlutterPluginCounter instance = new FlutterPluginCounter(registrar.activity());
channel.setStreamHandler(instance);
}
@Override
public void onListen(Object o, final EventChannel.EventSink eventSink) {
Observable.interval(1000, TimeUnit.MILLISECONDS).subscribe(new Observer<Long>() {
@Override
public void onSubscribe(Disposable d) {
}
@Override
public void onNext(Long aLong) {
eventSink.success(aLong.intValue());
}
@Override
public void onError(Throwable e) {
eventSink.error("計(jì)時(shí)器異常", "異常", e.getMessage());
}
@Override
public void onComplete() {
}
});
}
@Override
public void onCancel(Object o) {
Log.i("FlutterPluginCounter", "FlutterPluginCounter:onCancel");
}
}
2. Flutter接收原生發(fā)送的參數(shù)
static const counterPlugin = const EventChannel('com.jzhu.counter/plugin');
StreamSubscription _subscription = null;
var _count;
@override
void initState() {
super.initState();
//開啟監(jiān)聽
if(_subscription == null){
_subscription = counterPlugin.receiveBroadcastStream().listen(_onEvent,onError: _onError);
}
}
@override
void dispose() {
super.dispose();
//取消監(jiān)聽
if(_subscription != null){
_subscription.cancel();
}
}
void _onEvent(Object event) {
setState(() {
_count = event;
print("ChannelPage: $event");
});
}
void _onError(Object error) {
setState(() {
_count = "計(jì)時(shí)器異常";
print(error);
});
}
