Flutter 使用插件实现双屏交互

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flutter 使用插件实现双屏交互相关的知识,希望对你有一定的参考价值。

参考技术A 本文将为大家讲解如何通过pub库插件快速实现Flutter应用在双屏android设备上交互通信。
插件地址: flutter_subscreen_plugin
双屏插件实现原理: FlutterPlugin 实现双屏

主屏上的UI,我们添加一个按钮,点击生成一个随机数,发送给副屏显示,用于验证主屏与副屏的通信交互:

副屏ui上我们在initState中监听主屏给副屏的消息流,并将监听到的数据展示在文本上:

完成上述步骤,简单的demo就做好了,如下是demo在实体设备的运行效果图:

以上是关于Flutter 使用插件实现双屏交互的主要内容,如果未能解决你的问题,请参考以下文章

FlutterWeb 和 WebView 原生交互调用

Flutter和原生交互---StreamController.broadcast

Flutter和原生交互---StreamController.broadcast

Flutter和原生交互---StreamController.broadcast

Flutter与原生交互

Flutter(Flare) 最有趣用户交互动画没有之一