Flutter实战（七）---Native交互

已于 2022-08-11 17:50:59 修改
阅读量561 收藏
点赞数
分类专栏： Android 进阶 文章标签： flutter native交互 channel
于 2019-09-10 11:54:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/johnWcheung/article/details/100691718
版权
本文详细介绍了Flutter通过Platform Channels与Native进行通信的原理，包括MethodChannel、EventChannel和BasicMessageChannel的用途。以Android为例，展示了如何获取设备WIFI信息，强调了在数据流变化时使用EventChannel的必要性，以避免不推荐的轮询调用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

原理阐释

Flutter和Native通信是通过Platform Channels来实现的，架构图如下：

在这里插入图片描述
图里面连接他们的是MethodChannel，其实MethodChannel是Platform Channels中的一种，顾名思义，MethodChannel用起来应该和方法调用差不多。如果你需要把数据从Native平台发送给Flutter，可以使用EventChannel或者BasicMessageChannel。
在这里插入图片描述

  • BasicMessageChannel：用于传递字符串和半结构化的信息

  • MethodChannel：用于传递方法调用（method invocation）

  • EventChannel：用于数据流（event streams）的通信（例如 NSData）

这里需要注意一点，为了保证

了解本专栏 订阅专栏 解锁全文
Flutter与Native交互（Android百度地图与Flutter交互实战）
m0_65145113的博客
12-12 444
class MapPage extends StatefulWidget { const MapPage({Key key}) : super(key: key); @override _MapPageState createState() => _MapPageState(); } class _MapPageState extends State with AutomaticKeepAliveClientMixin { static const platform = const MethodCha
大神一篇文，胜读十年书！Flutter-与-React-Native-的对比分析
2401_84123213的博客
04-20 1465
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。上面分享的腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，上面只是以图片的形式给大家展示一部分。【Android思维脑图（技能树）】知识不体系？
Flutter跟Native交互
julystroy的博客
02-15 2163
先看一眼官方提供的demo： Native端： public class MainActivity extends FlutterActivity { private String sharedText; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedIn...
Flutter获取手机连接的Wifi信息
最新发布
qq_35485206的博客
03-08 1083
在开发需要设备配网功能的Flutter应用时，获取手机当前连接的Wifi信息是一个常见的需求。例如，在设备配网过程中，我们希望默认显示手机连接的Wifi，以提升用户体验。本文将详细介绍如何在Flutter中实现这一功能，包括所需的权限配置和代码实现。一、项目背景与需求最近，我在开发一个需要设备配网功能的应用。在配网过程中，...
【Flutter进阶】与Native进行交互的三种方式
公众号：BennuCTech
02-16 1593
上面我们展示了三种交互方式的使用，并解析了其内部的联系。其实可以看到三种方式最终其实都是使用了BinaryMessenger这一抽象类的默认实现_DefaultBinaryMessenger。所以如果我们通过BinaryMessenger来实现一套自己特别的消息传递机制。
flutter和native交互
yuezheyue123的博客
11-20 1695
主要有两个方面 1.flutter向native传递数据 在flutter中 在native中 首先需要进行注册 然后需要进行注册插件 2.native向flutter传递数据 在flutter中 需要进行注册监听native中的数据 在native中也需要注册插件 这里和上面flutter向native传递数据的区别就是实现的接口不同。 3.如果是通过activity向flut...
Flutter 如何与 Native (Android) 进行交互 | 开发者说·DTalk
谷歌开发者
01-21 405
本文原作者: BennuC，原文发布于: BennuCTech之前我们介绍了如何在 Native (Android 项目) 中启动 Flutter，展示 Flutter 页面。但是在开发过...
flutter开发-figma交互设计图可以转换为flutter源代码-如何将设计图转换为flutter源代码-优雅草央千澈
一颗优雅草科技-央千澈的优快云博客~只想无穷无尽的学习~作息早8-晚8
01-15 1566
Figma2Flutter 和 Figma to Code (HTML, Tailwind, Flutter, SwiftUI) 都是非常有用的插件，但它们各有优缺点，适合不同需求。可能大家听过过蓝湖可以转ui设计图为vue.js，react native代码，那么请问听说过将figma的设计图转换为flutter源代码吗?其次注意，在导出之前要选择屏幕（所谓选择对应的页面），选择页面添加对应的注释，这样才可以正确的转代码。查看压缩包的目录和文件，已经成功转换为flutter代码，
大神一篇文，胜读十年书！Flutter-与-React-Native-的对比分析(1)
2401_84121827的博客
04-06 1034
而对于。
2024年，Flutter-和-React-Native-谁主沉浮-，三年老Android经验面经
m0_61549674的博客
03-24 2310
找到一套好的视频资料，紧跟大牛梳理好的知识框架进行学习。多练。（视频优势是互动感强，容易集中注意力）你不需要是天才，也不需要具备强悍的天赋，只要做到这两点，短期内成功的概率是非常高的。对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。以上就是总结的关于在面试的一些总结，希望对大家能有些帮助，除了这些面试中需要注意的问题，当然最重要的就是刷题了，这里放上我之前整理的一份超全的面试专题PDF，大家有兴趣的可以自行领取或者私信我：还有。
JS与Native交互
White feathe 的博客
01-18 1092
混合式开发1：（离线包，所有模块都存放在App的包中）将服务器的资源文件(CSS/JS/Html)，存放到Android 的 assets资源目录下或者本地SD卡都行的,在WebView 中，首先开启支持JS功能插件//这个主要解决加载网页不跳转到系统浏览器 webView.setWebViewClient(new WebViewClient());webView.setBackgroundColo
Flutter & Native 混合开发
微信-sjk6070
02-23 230
Flutter 模式就是纯 Flutter 开发模式，原生项目被包在 Flutter 项目中，通过 Flutter 命令启动项目，命令会先编译 Flutter 工程，然后将 Flutter 编译产物复制到 Native 项目中，接着编译 Native ，最后启动 Native ，Native 调用 Flutter 。 module 模式，Flutter 工程只负责产出 Flutter 编译产物，提...
Flutter如何和Native通信-Android视角，handlermapping作用
m0_66155412的博客
01-10 321
MethodChannel-Native 端 为简单起见，本例的Android端代码都直接写在MainActivity中。Android平台下获取电量是通过调用BatteryManager来获取的，所以我们先在MainActivity中增加一个获取电量的函数： private int getBatteryLevel() { int batteryLevel = -1; if (VERSION.SDK_INT >= VERSION_CODES.LOLLIPOP) { BatteryManager bat
flutter与原生交互_Native 集成 Flutter 及通信交互最详教程
weixin_34749183的博客
01-19 419
前不久开源了用Flutter开发的一个音视频类App客户端，欢迎大家star, fork。⚠️ 项目地址：https://github.com/songxiaoliang/visitor-flutter⚠️ 本篇博客涉及的源码全部开源在Github，地址：https://github.com/songxiaoliang/flutter-android-hybrid目前现有的跨平台开发解决...
Flutter Native View：在Flutter中无缝嵌入原生窗口
gitblog_00361的博客
11-05 931
Flutter Native View：在Flutter中无缝嵌入原生窗口 flutter_native_view [WIP] Embedding native windows into Flutter. Scrollable support & widgets placement on-top. ???? ...
Flutter Native View 教程
gitblog_00343的博客
08-25 962
Flutter Native View 教程 flutter_native_view[WIP] Embedding native windows into Flutter. Scrollable support & widgets placement on-top. ????项目地址:https://gitcode.com/gh_mirrors/fl/flutter_native_view 项目介绍...
闲鱼对 Flutter-Native 混合工程解耦的探索
数据库技术
07-04 584
闲鱼是第一个使用Flutter混合开发的大型应用，但闲鱼客户端开发最深入体会的痛点就是编译时长影响开发体验。在Flutter+Native这种开发模式下，Native编译速度慢，模块开发无法突破。
聊聊Flutter-Flutter与Native的生死相依
大灰狼的小绵羊哥哥的博客
07-07 945
Flutter与Native如何对话? 概念参考Flutter中文网 Flutter与Native间通信,是通过平台通道向Native(Android/IOS)发送消息.Navtive通过平台通道接收到消息,然后Native处理消息,然后将响应消息返回给Flutter.这样就完成了Flutter与Native的一次对话. 可以想象为:通俗的来讲就是Flutter拨打Native的电话号码...
Android开发实战：Node.js与android-stepsview的深入应用
2. **跨平台开发框架**：使用 React Native 或 Flutter 结合 Node.js，可以实现前端与后端的无缝对接。这些框架允许开发者使用 JavaScript（或 Dart 语言）开发 Android 和 iOS 应用。 3. **构建工具和脚本**：Node...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

@ZhangJun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值