flutter和native交互

最新推荐文章于 2024-10-15 22:14:25 发布
最新推荐文章于 2024-10-15 22:14:25 发布
阅读量1.7k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yuezheyue123/article/details/84306638
本文详细介绍了Flutter与原生平台之间数据交互的两种主要方式：Flutter向原生平台传递数据及原生平台向Flutter传递数据。阐述了如何在Flutter与Android或iOS之间注册插件并实现数据通信，特别关注了在Activity向Flutter传递数据时的注意事项。

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

主要有两个方面
1.flutter向native传递数据
在这里插入图片描述
在flutter中
在这里插入图片描述

在native中
首先需要进行注册
在这里插入图片描述
然后需要进行注册插件
在这里插入图片描述
在这里插入图片描述

2.native向flutter传递数据
在flutter中
需要进行注册监听native中的数据
在这里插入图片描述
在这里插入图片描述

在native中也需要注册插件
在这里插入图片描述
在这里插入图片描述

这里和上面flutter向native传递数据的区别就是实现的接口不同。

3.如果是通过activity向flutter传递数据，也是和2的方法相同，但是需要在activity中空参的构造器。
并且通过EventSink传递数据的时候，并不能用在onDestroy() onPause() onStop()等生命周期中。因为这时候的EventSink对象已经为null。所以怎么在activity销毁的时候将数据传递给flutter是个问题.
下面的各个操作都没有意义。
在这里插入图片描述

demo:https://github.com/yunzheyue/flutterTransformTest

Flutter实战（七）---Native交互
学无止境
09-10 585
原理阐释 Flutter和Native通信是通过Platform Channels来实现的，架构图如下： 图里面连接他们的是MethodChannel，其实MethodChannel是Platform Channels中的一种，顾名思义，MethodChannel用起来应该和方法调用差不多。如果你需要把数据从Native平台发送给Flutter，可以使用EventChannel或者BasicMe......
Flutter： Flutter与Native通信
手写我对你的温柔
07-12 689
Flutter与Native的通信场景： 1.Flutter Module < ---- init Params ----Native Module 2.Flutter Module <---- ----Native Module 3.Flutter Module ---- >Native Module 4.Flutter Module < ---- &gt...
Flutter跟Native交互
julystroy的博客
02-15 2182
先看一眼官方提供的demo： Native端： public class MainActivity extends FlutterActivity { private String sharedText; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedIn...
【Flutter进阶】与Native进行交互的三种方式
公众号：BennuCTech
02-16 1797
上面我们展示了三种交互方式的使用，并解析了其内部的联系。其实可以看到三种方式最终其实都是使用了BinaryMessenger这一抽象类的默认实现_DefaultBinaryMessenger。所以如果我们通过BinaryMessenger来实现一套自己特别的消息传递机制。
Flutter & Native 混合开发
微信-sjk6070
02-23 248
Flutter 模式就是纯 Flutter 开发模式，原生项目被包在 Flutter 项目中，通过 Flutter 命令启动项目，命令会先编译 Flutter 工程，然后将 Flutter 编译产物复制到 Native 项目中，接着编译 Native ，最后启动 Native ，Native 调用 Flutter 。 module 模式，Flutter 工程只负责产出 Flutter 编译产物，提...
Flutter如何和Native通信-Android视角，handlermapping作用
m0_66155412的博客
01-10 333
MethodChannel-Native 端 为简单起见，本例的Android端代码都直接写在MainActivity中。Android平台下获取电量是通过调用BatteryManager来获取的，所以我们先在MainActivity中增加一个获取电量的函数： private int getBatteryLevel() { int batteryLevel = -1; if (VERSION.SDK_INT >= VERSION_CODES.LOLLIPOP) { BatteryManager bat
flutter和native通讯的3种方式
晨风的小窝
05-07 897
flutter和native通讯的3种方式 flutter和android原生的通讯方式一共有3种，分别是： BasicMessageChannel，MethodChannel，EventChannel 下面是每种通讯方式的主要代码： BasicMessageChannel： //flutter定义 var channel = BasicMessageChannel('channel_name', StandardMessageCodec()); //flutter发送消息到native v
Flutter 与 React Native - 详细深入对比分析（2024 年）
最新发布
一点一木
10-15 3856
Flutter和React Native是两大跨平台框架，各有优缺点。Flutter性能优越，UI灵活，使用Dart；React Native生态广泛，适合JavaScript开发。
Flutter如何和Native通信-Android视角，深度剖析原理
m0_60732644的博客
03-26 994
找工作是个很辛苦的事情，而且一般周期都比较长，有时候既看个人技术，也看运气。第一次找工作，最后的结果虽然不尽如人意，不过收获远比offer大。接下来就是针对自己的不足，好好努力了。最后为了节约大家的时间，我把我学习所用的资料和面试遇到的问题和答案都整理成了PDF文档，都可以分享给有需要的朋友，如有需要私信我【资料】或者**【点这里】免费领取**《Android面试复习资料汇总》要的朋友，如有需要私信我【资料】或者**【点这里】免费领取**《Android面试复习资料汇总》
Flutter 如何与 Native (Android) 进行交互 | 开发者说·DTalk
谷歌开发者
01-21 417
本文原作者: BennuC，原文发布于: BennuCTech之前我们介绍了如何在 Native (Android 项目) 中启动 Flutter，展示 Flutter 页面。但是在开发过...
Flutter 笔记 | Flutter Native 插件开发 (Android)
川峰的博客
05-20 2761
BasicMessageChannel、 MethodChannel、 EventChannel是开发者和 Flutter Framework 进行通信的接口，它们的底层通信都是通过 messenger 字段所持有的BinaryMessenger接口来实现的。Platform view 允许将原生视图嵌入到 Flutter 应用中，所以您可以通过 Dart 将变换、裁剪和不透明度等效果应用到原生视图。 Flutter 支持两种集成模式：虚拟显示模式 (Virtual displays) 和混合集成模式 (
Flutter ： Native调用flutter方法
BunnyCoffer的博客
02-24 752
首先，我们需要在android 代码中添加相关的逻辑 package com.example.flutterhybrid; import android.os.Bundle; import android.os.StrictMode; import android.widget.Toast; import io.flutter.embedding.android.FlutterActivity; import io.flutter.plugin.common.MethodCall; import i
iOS Native混编Flutter交互实践
weixin_33950035的博客
09-30 243
开篇 开局一张图，其他全靠_？ 目前flutter框架还比较新，又是谷歌家的东西，所以网上的文章基本都是讲安卓和flutter混合开发的，没有iOS和Flutter混合开发的比较详细的步骤实操。 混编的前提是你的电脑必须有flutter环境，不会配的请先谷歌教程配置完后再来查看此混编教程。 正题 因为本文要讲的是iOS，所以正常情况下的环境是macOS + Xcode + flutter环境（...
Flutter与Native通信（一）MethodChannel
移动端开发干货分享
02-10 3623
flutter可以与native之间进行通信，帮助我们使用native提供的能力。通信是双向的，我们可以从Native层调用flutter层的dart代码，同时也可以从flutter层调用Native的代码。我们需要使用Platform Channels APIs进行通信，主要包括下面三种： MethodChanel：用于传递方法调用（method invocation） EventChann...
Flutter的混合开发和技能（Flutter和Native）
Mark_CHYL的博客
04-26 1010
原生与Native的混合）集成步骤Flutter与Android的混合开发实践两种调用Flutter module模块有两种方式#使用 `Flutter.createFragment`的API方式#使用`Flutter.createView`的API方式#最后在mian.dart中获取`RouteName`FLutter与IOS的混合开发指南Flutter与Android的通信开发指南Flutte...
flutter与原生交互_Native 集成 Flutter 及通信交互最详教程
weixin_34749183的博客
01-19 427
前不久开源了用Flutter开发的一个音视频类App客户端，欢迎大家star, fork。⚠️ 项目地址：https://github.com/songxiaoliang/visitor-flutter⚠️ 本篇博客涉及的源码全部开源在Github，地址：https://github.com/songxiaoliang/flutter-android-hybrid目前现有的跨平台开发解决...
搭建Flutter-Native混合工程，并集成咸鱼Flutter_boost
qq_19979101的博客
12-27 1419
目录 一、Flutter_Boost是什么 二、准备工作 三、已经有Native项目 1、命令行进入项目目录 2、运行：flutter create -t module flutter_lib命令，flutter_lib这个名字自己起，代表fluttermodule的名称，运行完毕如下图。 3、编译android模板项目 4、在native项目的app的build.grad...
Flutter如何和Native通信-Android视角
chuyouyinghe的专栏
11-06 247
前言 我们都知道Flutter开发的app是可以同时在iOS和Android系统上运行的。显然Flutter需要有和Native通信的能力。比如说，你的Flutter app要显示手机的电量，而电量只能通过平台的系统Api获取。这时就需要有个机制使得Flutter可以通过某种方式来调用这个系统Api并且获得返回值。那么Flutter是如何做到的呢？答案是Platform Channels。 Platform Channels 先来看张图 上图来自Flutter官网，表明了Platform Cha
浅尝Flutter和Native 通信（附3端代码）
wancuebas的博客
10-07 630
一文看懂Flutter与Native通信的原理，附2端原生的代码
深入解析Flutter与Android原生交互机制
Flutter作为谷歌开发的跨平台移动应用开发框架，允许开发者用同一套代码库开发iOS和Android应用。Flutter的强大之处在于它允许开发者编写一次代码，便能同时在两个平台上运行，不过在实际开发过程中，开发者往往需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值