flutter 中嵌入原生安卓视图view

最新推荐文章于 2024-04-11 18:54:41 发布
最新推荐文章于 2024-04-11 18:54:41 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： flutter 安卓
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15038701/article/details/98182296
版权

第一步

先选择flutter 插件开发

第二步

目录结构这样的。

说明一下：lib文件是存放与原生交互的CHANNEL(大致理解为：通道)插件

第三步

选择安卓的部分直接打开。

第四步 

就是开发插件了。

画横线的很重要，这就是返回视图的。

getView返回视图

下面这张图就是与第四步画横线一直就可以返回视图了。

我来秋风扫落叶
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
flutter中使用android原生视图
weixin_43987915的博客
07-07 1002
虚拟显示模式（Virtual displays） 将 android.view.View 实例渲染为纹理，不会嵌入到 Activity 的视图层次结构中。 键盘处理和辅助功能可能无法工作。 混合集成模式（Hybrid composition） 需要 Flutter 1.22（推荐 1.22.2）。 将原生的 android.view.View 附加到视图层次结构中。键盘处理和无障碍功能是开箱即用的。 Android 10 之前，这个模式会大大降低 Flutter UI 的帧率（FPS）。此widget继承S
iOS 原生项目嵌入 Flutter
iOS_开发
12-26 259
????????关注后回复“进群”，拉你进程序员交流群????????作者：晨曦_iOShttps://juejin.cn/post/7036393182053007367虽然一般不建议在原生项目中嵌入Flu...
flutter嵌入原生view
最新发布
鲸落
04-11 694
flutter嵌入原生view
Flutter 页面嵌入 Android原生 View
Lan_Se_Tian_Ma的博客
01-21 1329
文章主要讲解Flutter页面如何使用Android原生View，但用到了Flutter 和 Android原生 相互通信知识，建议先看完这篇讲解通信的文章数据观察监听，Flutter使用ValueNotifier，Android原生使用LiveData，在实体数据发生改变时，自动刷新。
Flutter 页面嵌入原生AndroidView.
丿灬安之若死
06-15 654
Flutter页面 final String viewType = 'banner_ad_exit_page'; // Pass parameters to the platform side. final Map<String, dynamic> creationParams = <String, dynamic>{}; var screenWidth = MediaQuery.of(context).size.width - 16;
65 Flutter嵌入原生AndroidView
LJLThomson的博客
05-31 155
Flutter嵌入原生AndroidView 1.简介 在Flutter中，不仅仅只有Android/ios中嵌入Flutter，Flutter中也可以嵌入Android View和IOS。 2.不使用原因 Flutter中嵌入Android/ios，没有多大意义，可能导致不能跨平台，难以区分Android/ios，这样做没有意义，与其如此，还不如直接原生开发 如果想学习，可以参考一下，老孟的文章 原文链接：https://blog.csdn.net/mengks1987/article/details/1
Flutter中嵌入Android 原生TextView实例教程
01-21
本篇文章 中写到的是 flutter 调用了Android 原生的 TextView 案例 添加原生组件的流程基本上可以描述为： 1 android 端实现原生组件PlatformView提供原生view 2 android 端创建PlatformViewFactory用于生成Platform...
Flutter 内嵌原生组件 for android
06-22
Flutter 内嵌原生组件 for android Flutter 内嵌原生组件 for android 文档地址 https://blog.csdn.net/nicepainkiller/article/details/125403744 文档地址 ...
android百度地图嵌入flutter demo
05-09
总的来说，"android百度地图嵌入flutter demo"项目展示了如何利用Flutter的插件系统和原生平台的能力，实现百度地图在Flutter应用中的集成。这个过程涉及到Flutter与Android之间的深度交互，理解并掌握这个过程对于...
flutter+getx+view视图示例
05-12
在这个“flutter+getx+view视图示例”中，我们将探讨如何在Flutter项目中结合使用这两者来创建高效、可维护的视图。 首先，让我们了解Flutter中的视图（View）。在Flutter中，视图通常指的是Widget，这是构建用户...
Flutter 与原生交互 - android版
03-29
原生与Flutter数据交互，主要就是构建好通道机制  Flutter 与原生交互使用Platform Channel。Flutter定义了三种不同类型的Channel，它们分别是： BasicMessageChannel：用于传递字符串和半结构化的信息（双向...
安卓项目混编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 嵌入到原生项目 几种实现方式
jia635的专栏
08-10 2743
环境：Mac + Flutter 1.20.0 一、在原来Android Module基础上添加 1. 点击File---->New Module--->Flutter Module 添加完成Flutter Module之后会自动添加对Flutter的依赖 至此就完成了对Flutter 部分的依赖可以进行调试 FlutterMain.startInitialization(this); Intent intent1 = new Intent(MainActivity.t
Flutter嵌入原生View，使用原生的WebView
朱豪凯的博客
01-07 4773
在Flutter开发过程中，我们发现Flutter对于WebView的支持并不太好，而我们原生项目中，使用的腾讯的X5 WebView，所以也想在Flutter中进行嵌入使用。
在Flutter页面中嵌入Activity原生
sujingnuli
11-02 538
Flutter页面中嵌入Activity原生页面
Android笔记：在Flutter中嵌入原生View
m0_57767600的博客
06-03 707
在之前的一篇文章中，介绍了在原生项目中引入Flutter。 在这个基础上，记录一下在Flutter中引入原生View。（建议先看看上面的文章） 最终的结果就是，在原生项目中，以一个View的方式引入Flutter，再在这个Flutter的View中使用一个原生的View。 效果图如下： 整个界面分成了两部分，上面是Flutter的View，里面有个原生的ImageView。下面是原生的WebView。 开始 首先是MainActivity的布局文件，上面一个FrameLayout用于承载Flutter。.
总结flutter玩转之-flutter 调用安卓原生view（使用AndroidView）
qq_30519365的博客
10-27 1844
下期将介绍安卓view 承载fluuter 的页面姿势O(∩_∩)O哈哈~
【Flutter 混合开发】嵌入原生View-iOS
老孟Flutter
10-18 958
Flutter 混合开发系列 包含如下： 嵌入原生View-Android 嵌入原生View-iOS 与原生通信-MethodChannel 与原生通信-BasicMessageChannel 与原生通信-EventChannel 添加 Flutter 到 Android Activity 添加 Flutter 到 Android Fragment 添加 Flutter 到 iOS 每个工作日分享一篇，欢迎关注、点赞及转发。 iOS View 建议使用 Xcode 进行开发，在 Android S..
flutter嵌入原生组件_Flutter之Flutter布局中加入原生View
weixin_35036735的博客
01-14 794
在先前的两篇文章中，介绍了flutter 与原生android通信，以及在原有工程中加入flutter view或是flutter的新页面。flutter功能很强大不仅仅有自己的ui库，也能像rn那样封装原生view来实现更好的ui，地图和webview和相机就是觉见的封装。在这里先用textview文本组件举例，效果图如图一。图一在Android工程中编写并注册原生组件添加原生组件的流程基本是这...
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框架的优势，实现跨平台的移动应用开发。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

我来秋风扫落叶

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

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

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

打赏作者

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

抵扣说明：

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

余额充值