基于flutter_boost实现Native Flutter通信

青旅半醒 2022-12-25 10:59 239阅读 0赞

# 目录 #

本篇通信博客基于flutter\_boost

*  [目录][Link 1]
    
     *  [1 Demo地址][1 Demo]
     *  [2 Android 向 Flutter传递消息——用EventChannel][2 Android _ Flutter_EventChannel]
     *  [3 Flutter 向 Android传递消息——用MethodChannel][3 Flutter _ Android_MethodChannel]

## 1 Demo地址 ##

[Demo git地址][Demo git]

> 注意分支要选flutter\_native\_message

![image][]

如果不知道如何混编项目可以看下这篇博客[Android Flutter 混编][Android Flutter]混编成功之后，我们就可以运行这个项目了。

在Native项目的MyApplication.java的onCreate方法注册了一个监听boostLifecycleListener,这个监听很重要，因为双工交互都在这里进行

FlutterBoost.BoostLifecycleListener boostLifecycleListener = new FlutterBoost.BoostLifecycleListener() {
    
                @Override
                public void beforeCreateEngine() {
    
                }
    
                @Override
                public void onEngineCreated() {
                     // Android 向 Flutter传递消息在这里
                     //Flutter 向 Android传递消息也在这里
            
                }
    
                @Override
                public void onPluginsRegistered() {
    
                }
    
                @Override
                public void onEngineDestroy() {
    
                }
    
            };

## 2 Android 向 Flutter传递消息——用EventChannel ##

MyApplication.java

@Override
                public void onEngineCreated() {
                    EventChannel methodChannel2 = new EventChannel(FlutterBoost.instance().engineProvider().getDartExecutor(), "native_flutter_channel");
                    methodChannel2.setStreamHandler(new EventChannel.StreamHandler() {
                        @Override
                        public void onListen(Object arguments, EventChannel.EventSink events) {
                    //当Flutter成功注册监听器的时候才会回调下面这句话，将msg传给flutter
                            events.success("msg");
                        }
    
                        @Override
                        public void onCancel(Object arguments) {
                        }
                    });
    
                }

simple\_page\_widgets.dart

class SecondStatefulRouteWidget extends StatefulWidget {
      @override
      State<StatefulWidget> createState() {
        // TODO: implement createState
        return _SecondStatefulRouteWidgetState();
      }
    }
    
    class _SecondStatefulRouteWidgetState extends State<SecondStatefulRouteWidget> {
      static const eventPlugin = const EventChannel('native_flutter_channel');
      var _streamSubscription;
    
      @override
      void initState() {
        super.initState();
        _streamSubscription = eventPlugin.receiveBroadcastStream().listen(_onData,
            onError: _onError, onDone: _onDone, cancelOnError: true);
      }
    
      void _onData(Object event) {
      // android传过来的是msg，如果输出的是msg就说明是成功啦
        print("_onData_ " + event);
        // 接收数据
        setState(() {
    
        });
      }
    
      void _onError(Object error) {
        // 发生错误时被回调
        print("_onData_ " + error);
        setState(() {
          //eventVal = "错误";
        });
      }
    
      void _onDone() {
        //结束时调用
        print("_onData_ done" );
      }
    
      @override
      void dispose() {
        super.dispose();
        if (_streamSubscription != null) {
          _streamSubscription.cancel();
        }
      }

运行app之后，点击open flutter page,再点击 open second ![image][image 1]![image][image 2] 我们可以看到输入了期待的日志 msg ![image][image 3]

## 3 Flutter 向 Android传递消息——用MethodChannel ##

MyApplication.java

@Override
                public void onEngineCreated() {
                    // 注册MethodChannel，监听flutter侧的getPlatformVersion调用
                    MethodChannel methodChannel = new MethodChannel(FlutterBoost.instance().engineProvider().getDartExecutor(), "flutter_native_channel");
                    methodChannel.setMethodCallHandler((call, result) -> {
    
                        if (call.method.equals("getPlatformVersion")) {
                            result.success(Build.VERSION.RELEASE);
                        } else {
                            result.notImplemented();
                        }
    
                    });
    
                }

simple\_page\_widgets.dart中的\_FirstRouteWidgetState类

// flutter 侧MethodChannel配置，channel name需要和native侧一致
      static const MethodChannel _methodChannel =
          MethodChannel('flutter_native_channel');
      String _systemVersion = '';
    
      Future<dynamic> _getPlatformVersion() async {
        try {
          final String result =
              await _methodChannel.invokeMethod('getPlatformVersion');
          print('getPlatformVersion:' + result);
          setState(() {
            _systemVersion = result;
          });
        } on PlatformException catch (e) {
          print(e.message);
        }
      }
      
      ....
      //如果获取了natvie的数据就显示出来

运行app之后，点击open flutter page,再点击 open first,再点击Get system version by method channel: ![image][image 4] 这里成功获取到了android的版本

[Link 1]: https://note.youdao.com/md/preview.html?file=%2Fyws%2Fapi%2Fpersonal%2Ffile%2FWEBe0f759a0650497037fc8aedd26aace25%3Fmethod%3Ddownload%26read%3Dtrue%26shareKey%3D5b5492f47a2c7207ecc6021c02ff54de#%E7%9B%AE%E5%BD%95
[1 Demo]: https://note.youdao.com/md/preview.html?file=%2Fyws%2Fapi%2Fpersonal%2Ffile%2FWEBe0f759a0650497037fc8aedd26aace25%3Fmethod%3Ddownload%26read%3Dtrue%26shareKey%3D5b5492f47a2c7207ecc6021c02ff54de#1-demo%E5%9C%B0%E5%9D%80
[2 Android _ Flutter_EventChannel]: https://note.youdao.com/md/preview.html?file=%2Fyws%2Fapi%2Fpersonal%2Ffile%2FWEBe0f759a0650497037fc8aedd26aace25%3Fmethod%3Ddownload%26read%3Dtrue%26shareKey%3D5b5492f47a2c7207ecc6021c02ff54de#2-android-%E5%90%91-flutter%E4%BC%A0%E9%80%92%E6%B6%88%E6%81%AF%E7%94%A8eventchannel
[3 Flutter _ Android_MethodChannel]: https://note.youdao.com/md/preview.html?file=%2Fyws%2Fapi%2Fpersonal%2Ffile%2FWEBe0f759a0650497037fc8aedd26aace25%3Fmethod%3Ddownload%26read%3Dtrue%26shareKey%3D5b5492f47a2c7207ecc6021c02ff54de#3-flutter-%E5%90%91-android%E4%BC%A0%E9%80%92%E6%B6%88%E6%81%AF%E7%94%A8methodchannel
[Demo git]: https://gitee.com/LosingCarryJie/FlutterBoostDemo/tree/flutter_native_message//
[image]: /images/20221120/4f90ca1fa91e4b0b910757ffeb1e5db1.png
[Android Flutter]: https://blog.csdn.net/LosingCarryJie/article/details/105838160
[image 1]: https://img-blog.csdnimg.cn/img_convert/ed268c4585dddea50d8b7be32b18a8ce.png
[image 2]: https://img-blog.csdnimg.cn/img_convert/320fc7b0d62661185e2e2507cd2e447d.png
[image 3]: /images/20221120/520ab171c39f44678a16d2cc2e7d25ad.png
[image 4]: /images/20221120/4a46204e1a134cb9ab9165a0842d4293.png