Flutter MethodChannel 学习
好久没写东西,正好最近有时间又开始研究起来Flutter,不了解的童鞋可以去查查资料了解一下, 在我看来是目前我了解盗的最理想的跨平台解决方案了。而跨平台中一个比较重要的点就是与底层进行交互,本文就主要说一下在Flutter中是如何与Android进行通讯的(iOS应该同理)。不涉及到源码,只是简单的使用和在使用过程中的一些想法。
创建初始的Demo
使用 flutter create methodchannellearn
创建一个 flutter
项目。
导入 services
,async
包
import 'dart:async'; import 'package:flutter/services.dart';
首先先在main.dart
的 _MyHomePageState
中创建一个静态成员变量methodChannel
static const MethodChannel methodChannel=const MethodChannel("flutter_method_channel");
然后修改原有的_incrementCounter()
方法,内部调用methodChannel.invokeMethod()
方法,调用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弹出。
添加回调
在onMethodCall
中我们可以看到还有另外的一个参数result
,可以使用它将数据传递回Flutter中。
修改Android端代码
if (methodCall.method.equals("_incrementCounter")) { if(methodCall.arguments instanceof Integer){ int count= (int) methodCall.arguments; count++; result.success(count); } }
同时修改Flutter中的代码
Future
运行一下,点击次数正常增加。
主动通知Flutter
有时候我们可能会需要主动的通知flutter ,而不是等待flutter调用,利用回调传递数据,这是就需要一个新的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; } });
同样 运行,数据也能够正常显示
这里EventChannel的使用场景应该会有好多,毕竟一个持久长时间的消息通道在实际场景中会有很多应用。
项目的代码地址在这里