flutter与原生怎么交互的

于 2024-09-03 11:34:42 发布
阅读量211 收藏 6
点赞数 9
分类专栏： Flutter 文章标签： flutter 交互 channels
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28909387/article/details/141857269
版权

Flutter 与原生平台（如 Android 和 iOS）之间的交互可以通过**平台通道（Platform Channels）**实现。这允许你在 Flutter 应用中调用原生代码，或者从原生代码中调用 Flutter 代码。这种机制使得你可以利用原生平台提供的特性和 API，同时保持大部分应用代码在 Flutter 中。

平台通道（Platform Channels）

Flutter 使用消息传递机制通过 MethodChannel、EventChannel 和 BasicMessageChannel 来进行跨平台交互。

1. MethodChannel
  • 用于发送方法调用并接收返回值。
  • 主要用于 Flutter 与原生代码之间的同步调用。
  • 例如，Flutter 调用一个原生方法来获取电池电量，原生代码执行该操作并返回结果。
2. EventChannel
  • 用于发送从原生平台到 Flutter 的持续性数据流（如传感器数据、位置更新等）。
  • 主要用于事件驱动的异步通信。
3. BasicMessageChannel
  • 支持双向通信，可以发送和接收任意类型的数据。
  • 主要用于需要传递字符串或半结构化信息的场景。

Flutter 调用原生代码示例

以 MethodChannel 为例，展示 Flutter 与原生代码的交互。

1. Flutter 端代码 

你需要创建一个 MethodC

最低0.47元/天 解锁文章
呆咖啡
关注
  • 9
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Flutter 与原生交互
china_2014的博客
12-30 1682
Flutter 与原生交互 一.信息传递方面 1.通过dart的Channel进行通信 平台通道的作用是在 Flutter 和设备之间传递消息，如下所示： Flutter 中平台特定的 API 支持并不依赖于代码生成，而是依赖于灵活的消息传递方式： 应用程序的 Flutter 部分通过平台通道（Platform Channel）将消息发送到该应用程序的设备平台（Android 或 iOS） 设备平台通过对平台通道的监听接收到消息之后，调用设备平台上对应的 API（使用设备平台原生开发语言），然后将响应数据
Flutter与原生交互
star_nwe的博客
10-19 187
Flutter交互初始化 1、初始化Method Channel，定义交互名：message Method Channel 2、flutter发起原生调用 3、flutter监听原生调用
Flutter 与原生交互（Android，iOS）
weixin_43885334的博客
02-20 1666
Flutter 与 AndroidiOS交互
Flutter 与原生交互总结
2401_84121702的博客
04-10 1024
最后对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！这里附上上述的技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。
flutter和原生交互
haoxuhong的博客
11-23 3602
Flutter与原生通信
Flutter 与原生交互总结，Android开发揭秘
2401_84149882的博客
04-08 1011
我搜集整理过这几年阿里，以及腾讯，字节跳动，华为，小米等公司的面试题，把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind（实际上比预期多花了不少精力），包含知识脉络 + 分支细节。网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。作者2013年从java开发，转做Android开发，在小厂待过，也去过华为，OPPO等大厂待过，18年四月份进了阿里一直到现在。都是这里面的关键基础和重点需要熟练的。
Flutter 与 原生交互（Android），android开发基础课程
m0_60667406的博客
03-28 750
在技术领域内，没有任何一门课程可以让你学完后一劳永逸，再好的课程也只能是“师傅领进门，修行靠个人”。“学无止境”这句话，在任何技术领域，都不只是良好的习惯，更是程序员和工程师们不被时代淘汰、获得更好机会和发展的必要前提。如果你觉得自己学习效率低，缺乏正确的指导，可以一起学习交流！加入我们吧！群内有许多来自一线的技术大牛，也有在小厂或外包公司奋斗的码农，我们致力打造一个平等，高质量的Android交流圈子，不一定能短期就让每个人的技术突飞猛进，但从长远来说，眼光，格局，长远发展的方向才是最重要的。
Flutter与Android原生交互
u011124212的博客
12-22 4468
记录一下小白的学习之路，图片都是走过的坑 文章目录创建projectAndroid端（native）Flutter端Android调用flutter 创建project 首先创建Flutter Project，Android Studio集成flutter开发环境自行百度，语言我选择了Kotlin，不熟悉的可以选择Java，不要忘记勾选 Create project offline，否则会让你等到地老天荒 创建成功后的界面是这个样子 Flutter 定义了三种不同的 Channel MethodCha
Flutter 与 原生交互（Android）(1)
2401_84519929的博客
04-30 550
【Android 详细知识点思维脑图（技能树）】我个人是做Android开发，已经有十来年了，目前在某创业公司任职CTO兼系统架构师。虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。这里附上上述的面试题相关的几十套字节跳动，京东，小米，腾讯、头条、阿里、美团等公司19年的面试题。
Flutter与原生交互(将flutter嵌入已有项目)
Marine机枪兵的博客
05-12 1688
Flutter与原生交互(将flutter嵌入已有项目概述缘由思路开始配置项目创建FlutterActivityFlutter中channel配置Flutter main.dart配置与中转页面使用原生打开flutter页面 (携带参数)flutter打开原生页面 (携带参数)原生页面调用 flutter页面上的方法flutter页面调用原生页面上的方法最后 目前已有android ios 开发好的项目 现在新的需求使用flutter开发 在嵌入搭配已有的原生项目,这样ios和android 开发任务理论上
Flutter 与原生交互 - android版
03-29
Flutter 与原生交互使用Platform Channel。Flutter定义了三种不同类型的Channel，它们分别是： BasicMessageChannel：用于传递字符串和半结构化的信息（双向有返回值）。 MethodChannel：用于传递方法调用...
Flutter中的Key
且听真言
08-29 884
Key是Widget、Element 和 SemanticNodes 的标识符。Key 是Widget、Element 和 SemanticNodes的唯一标识。例如对于 Widget 在 Widget 树中改变了位置，Key 可以帮助它们保留状态。相对于无状态的Widget,Key对于有状态的 Widget 作用更大。
Vue双向绑定
m0_56131422的博客
09-01 511
简单来说，双向绑定就是数据改变影响视图，视图改变也会影响数据。Vue 的双向绑定主要通过v-model。
flutter中Process.start执行命令后，kill对应进程
qq_40467670的博客
08-30 626
我在flutter中用dart:io库中的Process.start执行一个命令行后，怎么也无法删除，尝试用dart给的process的pid，再kill掉，发现所给的并不是正确的pid，故此，我通过。这个函数的大致逻辑，是让其找到python对应进程的进程号，然后把他kill掉。得出当前正在执行的所有进程信息，kill掉所指定的进程。
flutter使用echarts
酒馆不打烊
08-30 503
echarts 配置参数跟 web 配置是一样，可以参考来配置，采用的是 webview 来加载 html，所以需要安装。
Flutter【03】图片输出package依赖关系
JackWu blog
09-02 393
安装 graphviz项目根目录pubspec.yaml文件内添加。
Vue基础语法
weixin_45980065的博客
08-30 659
*计算属性，如果firstName和lastName没有变化，可以使用上一次的缓存值*//*侦听器，监听某个数据的变化，一点发生变化，就会在监听器中做业务逻辑*/，将下载好的vue.js文件放入Vue文件夹（自定义名字）下即可。
Flutter Riverpod状态管理之AutoDisposeNotifierProvider
最新发布
红日
09-02 318
Flutter的Riverpod状态管理，目前来看是官方出的最好用的状态管理库了，今天我们主要看AutoDisposeNotifierProvider的使用，AutoDisposeNotifierProvider具有如下的优势：
Framework | Android语音识别框架与语音交互概览
虎哥LoveDroid
08-30 410
Android语音识别框架由多个核心组件构成，主要包括和及等。它们共同构建了一个复杂而高效的语音识别和交互体系。Android 平台的语音识别与交互框架整合了多个关键组件，为开发者提供了实现高效、自然语音交互的工具。TTS技术将文本转换为语音，使应用能够为用户提供自然的语音反馈，在导航、无障碍服务和语音助手中发挥重要作用。开发者可以通过 Android 内置的 TTS 引擎实现多语言支持、音调和语速调节，并将合成语音保存为音频文件，适应不同应用场景的需求。
flutter如何与android交互
07-08
Flutter与Android的交互可以通过平台通道（platform channel）来实现。平台通道允许Flutter应用程序与原生Android代码之间进行双向通信。 以下是使用平台通道进行Flutter与Android交互的一般步骤： 1. 在Flutter应用程序中，使用`flutter create`命令创建一个新的Flutter项目，或者在现有项目中添加一个新的Android模块。 2. 在Flutter应用程序中创建一个`MethodChannel`对象，该对象用于在Flutter和Android之间进行方法调用通信。例如，在Dart代码中添加以下代码： ```dart import 'package:flutter/services.dart'; // 创建 MethodChannel 对象 MethodChannel channel = MethodChannel('com.example.channelName'); // 在需要的地方调用原生 Android 方法 Future<void> callNativeMethod() async { try { final String result = await channel.invokeMethod('methodName'); print(result); } catch (e) { print('Error: $e'); } } ``` 3. 在Android项目中，创建一个类来处理来自Flutter应用程序的方法调用。例如，在Java代码中添加以下代码： ```java import io.flutter.app.FlutterActivity; import io.flutter.plugin.common.MethodChannel; import io.flutter.plugin.common.MethodCall; import io.flutter.plugin.common.MethodChannel.MethodCallHandler; import io.flutter.plugin.common.MethodChannel.Result; public class MainActivity extends FlutterActivity { private static final String CHANNEL = "com.example.channelName"; @Override public void configureFlutterEngine(FlutterEngine flutterEngine) { super.configureFlutterEngine(flutterEngine); // 注册方法调用处理器 new MethodChannel(flutterEngine.getDartExecutor().getBinaryMessenger(), CHANNEL) .setMethodCallHandler(new MethodCallHandler() { @Override public void onMethodCall(MethodCall call, Result result) { if (call.method.equals("methodName")) { // 处理来自Flutter的方法调用 String response = someNativeMethod(); result.success(response); } else { result.notImplemented(); } } }); } // 原生 Android 方法的实现 private String someNativeMethod() { // 实现自己的逻辑 return "Response from Android"; } } ``` 在上述代码中，我们首先定义了一个与Flutter应用程序通信的通道名称（CHANNEL），然后注册了一个方法调用处理器。当Flutter应用程序调用`methodName`方法时，处理器将调用`someNativeMethod`方法并返回响应。 4. 最后，您可以在Flutter应用程序中调用`callNativeMethod`方法，这将触发与Android的交互，并返回来自Android的响应。 请注意，上述代码只是示例，并且可以根据您的需求进行修改和扩展。此外，您还可以使用平台通道传递参数和接收回调，以实现更复杂的交互逻辑。 这是使用平台通道在Flutter和Android之间进行基本交互的基本步骤。希望对您有所帮助！如果有任何进一步的问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

呆咖啡

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

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

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

打赏作者

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

抵扣说明：

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

余额充值