Flutter（六）Flutter界面中嵌入Android原生视图

最新推荐文章于 2024-05-13 01:36:20 发布
最新推荐文章于 2024-05-13 01:36:20 发布
阅读量3.8k 收藏 7
点赞数 4
文章标签： android Flutter 使用原生视图 PlatformView 踩坑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdn_aiyang/article/details/107384493
版权
本文介绍如何在Flutter应用中使用PlatformView嵌入Android原生TextView，通过MethodChannel进行通信更新属性，详细阐述了从创建Flutter工程、注册原生组件到实现PlatformView的全过程，并对性能进行了思考，提醒开发者谨慎使用原生组件以避免性能影响。
摘要由CSDN通过智能技术生成

目录

前言

一、Flutter 准备阶段

          二、在原生中编写并注册原生组件

（1）大致流程介绍：

（2）具体实现步骤：

三、整体流程总结

四、性能思考

Flutter（一） 安装部署与认识Dart语言

Flutter（二）Android集成Flutter项目并实现跳转到 Flutter 界面

Flutter（三）Flutter与Android原生Activity交互及传递​​数据  

Flutter（四）解决FlutterView显示黑屏卡顿问题

Flutter（五）Dio接口请求二次封装加Header及MD5加密

Flutter（六）Flutter界面中嵌入Android原生视图

前言

 

前面介绍了，在Android在原生Activity里通过ViewGroup嵌入FlutterView和FlutterFragment使用Flutter的视图，并通过方法通道（Meth

了解本专栏 订阅专栏 解锁全文 超级会员免费看
艾阳Blog
关注
  • 4
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
订阅专栏
安卓项目混编flutter使用腾讯x5，在flutter内嵌原生页面查看office文件，kotlin版
11-25
安卓项目混编flutter使用腾讯x5（tbs）实现查看doc，ppt，pdf，xls等office文件，在flutter页面中内嵌原生页面，适用于flutter sdk 1.12，新版腾讯x5支持64位手机，使用kotlin，忘记删build，下载后删除重新build即可
总结flutter玩转之-flutter 调用安卓原生view（使用AndroidView）
qq_30519365的博客
10-27 1871
下期将介绍安卓view 承载fluuter 的页面姿势O(∩_∩)O哈哈~
Flutter开发之——AndroidView
最新发布
2301_77595001的博客
05-13 265
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
android混编flutter
xuyushiguang的博客
01-13 188
首先Android工程文件要和flutter在同级目录； 1）创建flutter module flutter create -t module flutter_m 2）在Android项目的 setting_gradle 里面添加 setBinding(new Binding([gradle: this, mainModuleName: '安卓工程名'])) evaluate(new File( settingsDir.parentFile, 'flutter_m/.an
Flutter混编-Android集成
LIANGJIANGLI的专栏
11-13 406
学习目标： 提示：这里可以添加学习目标 例如：一周掌握 Java 入门知识 学习内容： 提示：这里可以添加要学的内容 例如： 1、 搭建 Java 开发环境 2、 掌握 Java 基本语法 3、 掌握条件语句 4、 掌握循环语句 学习时间： 提示：这里可以添加计划学习的时间 例如： 1、 周一至周五晚上 7 点—晚上9点 2、 周六上午 9 点-上午 11 点 3、 周日下午 3 点-下午 6 点 学习产出： 提示：这里统计学习计划的总量 例如： 1、 技术笔记 2 遍 2、CSDN 技术博客 3 篇
Flutter与Android混编
XBlithe的博客
12-22 2833
各端分离方案是iOS、Android和Flutter分别作为三个独立项目存在，将Flutter工程的编译产物作为iOS工程和Android工程的依赖模块，原有工程的管理模式不变，对原生工程没有侵入性，无需额外配置工作。 这种方案需要单独创建Flutter项目，然后通过iOS（CocoaPods）和安卓的依赖管理工具将Flutter项目build出来的framework、资源包等放入Native工程以供使用。 这种方式可以将iOS、Android和Flutter项目放在一个目录下面作为一个项目来管理，也可以不
flutter plugin 本地开发demo
05-04
在Android中，当Flutter需要嵌入原生View时，通常会通过Platform Channel机制来通信。Platform Channel是Flutter和原生平台之间的桥梁，它允许在Dart代码和原生代码之间传递消息。首先，在Flutter端定义一个...
flutter_hybird.zip
02-07
在原生Android应用中嵌入Flutter模块，可以充分利用Flutter的开发效率优势，同时利用Android的系统深度定制能力。 首先，我们需要在Android项目中添加Flutter依赖。这可以通过在项目的build.gradle文件中引入...
Flutter混合开发配置 亲测1
08-03
这种设计使得在Android应用中嵌入Flutter页面变得简单，因为一个Activity可以管理多个Flutter视图，从而简化了页面切换的过程，避免了传统Android应用中频繁启动新Activity导致的资源消耗。 7. **Flutter与原生...
Android 与flutter混合开发以及消息传递示例
04-02
5. UI集成：在Android布局中嵌入Flutter视图，或者在Flutter中启动Android Activity。 通过这样的混合开发，开发者可以利用Flutter的快速开发和跨平台特性，同时充分利用Android的原生功能和丰富的库资源，提升应用...
Flutter中嵌入Android 原生TextView实例教程
01-21
前言 本篇文章 中写到的是 flutter 调用了Android 原生的 TextView 案例 添加原生组件的流程基本上可以描述为： 1 android 端实现原生组件PlatformView提供原生view 2 android 端创建PlatformViewFactory用于生成PlatformView 3 android 端创建FlutterPlugin用于注册原生组件 4 flutter 平台嵌入 原生view 1 创建原生组件 创建在fLutter工程时会生成几个文件夹，lib是放flutter工程代码，android和ios文件夹分别是对应的双平台的原生工程。 在这里直接打开An
Flutter 内嵌原生组件 for android
06-22
Flutter 内嵌原生组件 for android Flutter 内嵌原生组件 for android 文档地址 https://blog.csdn.net/nicepainkiller/article/details/125403744 文档地址 https://blog.csdn.net/nicepainkiller/article/details/125403744 文档地址 https://blog.csdn.net/nicepainkiller/article/details/125403744
android混合编程,Flutter(Android 混合开发)
weixin_36340926的博客
05-26 236
前言Flutter 支持作为 android Moudle 出现在项目中.这样就可以在 已有的项目中 使用.虽然现在Flutter 比较受关注,但是和weex 一样 ,大部分都只是在观望 不是真正的进行使用.所以 如果用还是混合开发 原生+Flutter 方式比较合适(自我感觉).写一个demo 进行Android及Flutter 交互.(IOS 方法基本一致).Flutter 调用 androi...
Flutter与Android混合开发
u013297881的专栏
02-29 325
1.最先看的，大神写的很好，简单易懂， https://kevinwu.cn/p/964c6c3/#%E6%96%B0%E5%BB%BAFlutter-Module 2.后来查的资料，大哥写的也很好，里面提到了几个坑， https://blog.csdn.net/Android_SE/article/details/92654464 个人记录 Android项目 和fluttermodu...
HTML 标签简写及全称
2401_84097678的博客
05-11 455
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
android混合开发（1）--Android原生引入flutter
muzili1206的专栏
07-23 319
android原生引入flutter 开发环境及工具： 电脑：mac os java sdk 1.8 android studio 4.1 flutter sdk 2.2.2 dart sdk 2.13.3 一、android原生引入flutter的2种方式 1、原生直接依赖flutter module 2、原生依赖flutter module打成的aar ————————————————————————————————————————— 1、原生直接依赖flutter module ，此方式暂不做说明 2
Flutter实战之Android混合开发初探
菜鸟博客
02-16 4001
Android中使用Flutter来进行UI的展示步骤也很简单，在此简单做个笔记总结下。 使用Android studio在FA_DEMO目录下创建一个Android项目，项目名称在此为Android 在FAndroid目录下使用flutter create -t module module_flutter命令创建一个名为module_flutter的flutter module工程。当然...
Flutter Native混合开发（二）——混合开发
wyn_test的博客
05-07 224
Flutter Native混合开发（二）——混合开发 这一章节的主要目的是使Flutter和Android Native可以混合编程，并且可以互相独立开发，Nactive开发者不需要安装Flutter SDK也可以继续开发Native程序。 1、推荐官方文档 《Add Flutter to existing app》 2、创建Flutter Module 将Flutter作为模块添加入安卓工程，...
flutter 原生视图 拷贝
09-01
Flutter是一种跨平台的移动应用开发框架，可以使用Dart语言编写代码，并在Android和iOS等多个平台上运行。在Flutter中，可以使用原生视图进行开发，以便实现更高级的功能或满足特定的需求。 拷贝原生视图是指将原生平台上的视图组件（如Android上的View或iOS上的UIView）复制到Flutter应用中使用。这样做的好处是可以充分利用原生平台的特性和功能，同时保持Flutter应用的跨平台性。 在Flutter中进行原生视图的拷贝，通常需要使用Flutter提供的插件或包来实现。这些插件或包可以帮助开发者将原生视图嵌入到Flutter应用中，并提供访问原生平台的接口。 具体的操作步骤可能会因为不同平台和插件的差异而有所不同，但一般来说，大致可以分为以下几个步骤： 1. 导入插件或包：根据所需的功能和平台选择合适的插件或包，并在Flutter项目中导入。 2. 配置插件或包：根据需要，配置插件或包，并在Flutter项目的主配置文件中进行必要的设置。 3. 创建原生视图：使用插件或包提供的方法，在Flutter应用的代码中创建原生视图对应的组件，并指定需要传递给原生平台的参数和回调函数。 4. 添加原生视图：将创建的原生视图组件添加到Flutter应用的界面中的适当位置，以便显示和使用。 5. 处理交互：根据需要，实现与原生视图的交互，包括接收原生平台传递的事件和数据，并根据业务逻辑进行处理。 需要注意的是，在使用原生视图的同时，还需要兼顾Flutter框架的特性和约束，确保原生视图与Flutter应用其他部分的协调和一致性。 通过拷贝原生视图，我们可以在Flutter应用中实现更复杂、更灵活的功能，同时利用Flutter框架的优势，实现跨平台的移动应用开发。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

艾阳Blog

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

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

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

打赏作者

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

抵扣说明：

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

余额充值