Flutter MethodChannel 學習
好久沒寫東西，正好最近有時間又開始研究起來Flutter萧豆，不了解的童鞋可以去查查資料了解一下吞获， 在我看來是目前我了解盜的最理想的跨平臺解決方案了。而跨平臺中一個比較重要的點就是與底層進行交互纠修，本文就主要說一下在Flutter中是如何與Android進行通訊的(iOS應該同理)巾乳。不涉及到源碼您没，只是簡單的使用和在使用過程中的一些想法。
創(chuàng)建初始的Demo
使用 flutter create methodchannellearn 創(chuàng)建一個 flutter 項目胆绊。
導入 services氨鹏，async 包
import 'dart:async'; import 'package:flutter/services.dart';
首先先在main.dart的 _MyHomePageState 中創(chuàng)建一個靜態(tài)成員變量methodChannel
static const MethodChannel methodChannel=const MethodChannel("flutter_method_channel");
然后修改原有的_incrementCounter（）方法，內(nèi)部調(diào)用methodChannel.invokeMethod()方法压状，調(diào)用Native端的方法仆抵。
void _incrementCounter() { // setState(() { // // This call to setState tells the Flutter framework that something has // // changed in this State, which causes it to rerun the build method below // // so that the display can reflect the updated values. If we changed // // _counter without calling setState(), then the build method would not be // // called again, and so nothing would appear to happen. // _counter++; // }); methodChannel.invokeMethod("_incrementCounter", _counter++); }
接下來就是在Android端添加響應的代碼
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); GeneratedPluginRegistrant.registerWith(this); new MethodChannel(getFlutterView(), "flutter_method_channel").setMethodCallHandler( new MethodChannel.MethodCallHandler() { @Override public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) { if (methodCall.method.equals("_incrementCounter")) { toast(methodCall.arguments); } } }); }
跑一下之后可以看到正常的toast彈出。
添加回調(diào)
在onMethodCall中我們可以看到還有另外的一個參數(shù)result种冬，可以使用它將數(shù)據(jù)傳遞回Flutter中镣丑。
修改Android端代碼
if (methodCall.method.equals("_incrementCounter")) { if(methodCall.arguments instanceof Integer){ int count= (int) methodCall.arguments; count++; result.success(count); } }
同時修改Flutter中的代碼
Future<Null> _incrementCounter() async { // setState(() { // // This call to setState tells the Flutter framework that something has // // changed in this State, which causes it to rerun the build method below // // so that the display can reflect the updated values. If we changed // // _counter without calling setState(), then the build method would not be // // called again, and so nothing would appear to happen. // _counter++; // }); var result = await methodChannel.invokeMethod("_incrementCounter", _counter); setState(() { _counter = result; }); }
運行一下，點擊次數(shù)正常增加娱两。
主動通知Flutter
有時候我們可能會需要主動的通知flutter ,而不是等待flutter調(diào)用莺匠，利用回調(diào)傳遞數(shù)據(jù)，這是就需要一個新的Channel, EventChannel
同樣還是剛才的例子十兢，這會先修改flutter代碼趣竣，使用EventChannel
static const EventChannel eventChannel = const EventChannel("flutter_event_channel"); void _onData(event) { setState(() { _counter = event; }); } @override void initState() { // TODO: implement initState super.initState(); eventChannel.receiveBroadcastStream().listen(_onData); }
然后修改Android的代碼
new MethodChannel(getFlutterView(), "flutter_method_channel").setMethodCallHandler( new MethodChannel.MethodCallHandler() { @Override public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) { if (methodCall.method.equals("_incrementCounter")) { if (methodCall.arguments instanceof Integer) { int count = (int) methodCall.arguments; count++; if (eventSink != null) { eventSink.success(count); } } } } }); new EventChannel(getFlutterView(), "flutter_event_channel").setStreamHandler( new EventChannel.StreamHandler() { @Override public void onListen(Object o, EventChannel.EventSink eventSink) { MainActivity.this.eventSink = eventSink; } @Override public void onCancel(Object o) { MainActivity.this.eventSink = null; } });
同樣 運行摇庙，數(shù)據(jù)也能夠正常顯示
這里EventChannel的使用場景應該會有好多，畢竟一個持久長時間的消息通道在實際場景中會有很多應用遥缕。
項目的代碼地址在這里
