flutter插件交互,flutter插件和安卓原生交互

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

自定义Plugin插件,Native和flutter传参相互交互

1 File-New Flutter Project -Flutter-next选择 project type(Android studio不同版本会有所差异)

参考链接：

2.1本地引入

这里plugin是flutter module引入使用，如果想project引用其实可以直接在.android下面创建插件

2.2远程引用

相关问答

Q1: Flutter 使用插件实现双屏交互

本文将为大家讲解如何通过pub库插件快速实现Flutter应用在双屏Android设备上交互通信。

插件地址： flutter_subscreen_plugin

双屏插件实现原理： FlutterPlugin 实现双屏

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

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

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

Q2: flutter 插件开发

new flutter project，选择Flutter Plugin，next，输入插件名，包名，运行平台及编写语言，finish!

如上图，笔者的插件名为log_plugin，选用Android，java语言开发

在自动打开和插件名同名的dart文件，声明要使用其他语言的方法，本例使用java 语言实现Android原生的log输出

编辑 android/src/main/java/com/whh/log_plugin/LogPlugin.java

在onMethodCall方法中，区别声明方法名，以实现该方法逻辑

至此，简单的插件开发完成，接下来测试

example是插件测试工程，打开其中的main.dart

打开已有的或者新建一个flutter app project，在其pubspec.yaml引入插件

使用pub get 关联到插件

详见官网文档

此文为 flutter 初学者记录学习过程，附上 github ，小小分享~

每天进步一点点。。。（2021-08-10）

Q3: flutter_inappbrowser和h5交互

需求，app中使用webview和h5交互，根据h5发过来的消息，在屏幕上展示flutter组件，并且可以发送消息给h5。

首先使用的组件是flutter_WebView_plugin，这个组件不能嵌套flutter组件,所以放弃这个组件。

flutter_inappbrowser 可以实现组合布局, 所以选用了此库, GitHub链接

[

Q4: Flutter（六）Android与Flutter混合开发（Hybird）

如果我们目前的项目是Android的，但是接下来我们希望部分页面可以使用Flutter进行开发，甚至我们希望在Native页面中嵌入FlutterUI组件，那么我们该如何实现呢？

假设你现在Android项目的目录的结构是这样的

这时候如果你想创建一个Flutter模块，使得Android模块和Flutter模块之间可以进行交互，我们可以通过Android Studio新建一个Flutter Module，具体过程是：File — New — New Module ，之后选择Flutter Module，指定Project Location的路径为

也就是说，最终你的项目结构会是这样的

接下来在Android Module的 build.gradle 文件中添加flutter依赖

先创建一个Flutter页面

这里比较重要的是 window.defaultRouteName 这个字段，这个字段可以接收从Native传递过来的参数（下文我们会介绍原生传递参数的方法），也就是说通过这个字段我们就可以进行Flutter页面的路由的分发

我们可以直接在Android的 MainActivity 中启动一个 FlutterActivity ，这里的 initialRoute 方法中传递的参数就对应Flutter层的 window.defaultRouteName

注意：需要在 AndroidManifest.xml 注册 FlutterActivity

自己创建一个 FlutterAppActivity 继承自 FlutterActivity

在 MainActivity 中启动 FlutterAppActivity （另外别忘了在 AndroidManifest.xml 中注册 FlutterAppActivity ）

两种启动方式的区别

如果单纯只是想打开一个Flutter页面，两种方式实际上基本没有太大区别，第一种方式也许还会更简单一点。但是，在Flutter开发中，我们往往还需要开发一些Native插件供Flutter调用，如果使用复写 FlutterActivity 的方式更有利于我们在 FlutterActivity 中注册我们的Native插件，所以实际开发中一般推荐使用第二种方式

扩展思考

initialRoute 从名称上看起来是Flutter提供给我们进行Native与Flutter交互的路由跳转的，但是实际上他就是一个字符串，我们不仅仅可以传递一个路由名称，有时候我们也可以通过这个参数传递一串JSON数据，然后在Flutter端进行解析，这样我们就可以通过这个参数做更多的事情

activity_main.xml

FrameLayout 用于承载Flutter组件

MainActivity.java

使用 FragmentManager 将 FlutterFragment 添加到 FrameLayout 容器中

运行结果

上半部分是原生的TextView，下半部分是Flutter的Text组件

本节主要介绍了Native和Flutter之间的页面跳转，以及同一个页面中Native与Flutter组件的组合。接下来会介绍如何编写Android插件与Flutter进行数据交互

Q5: Flutter插件开发

Flutter插件是Flutter调用原生能力的一种解构方式。

Flutter 会通过 MethodChannel 将数据传递给 iOS/ Android ，反之 iOS/ Android 也可以通过 MethodChannel 将数据传回给 Flutter。