Flutter 鸿蒙化 flutter和鸿蒙next混和渲染

已于 2025-01-06 10:13:31 修改
阅读量668 收藏
点赞数
分类专栏： 鸿蒙 ArkUI 文章标签： javascript 开发语言 ecmascript
于 2025-01-06 10:09:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xq610928/article/details/144957106
版权
前言导读

这一个节课我们讲一下PlatformView的是使用 我们在实战中有可能出现了在鸿蒙next只加载一部分Flutter的情况

我们今天就讲一下这种情况具体实现要使用到我们的PlatformView

效果图

1443c7f14349480f97a154bac944040

具体实现：

一、Native侧

  1. 使用 DevEco Studio工具打开 platform_view_example\ohos项目
  2. 在platform_view_example\ohos\entry\src\main\ets\entryability目录下实现代码
  3. 新建CustomView.ets文件，CustomView用于在Flutter Widget里显示

定义一个Component，代表ohos的PlatformView的定义

@Extend(TextInput) function  inputStyle(){
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Flutter For Harmony next 来了
xq610928的博客
08-15 1958
Flutter是谷歌的高性能、跨端UI框架，可以通过一套代码，支持iOS、Android、Windows/MAC/Linux等多个平台，且能达到原生性能。Flutter也可以与平台原生代码进行混合开发。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。本次我们这部分是基于社区版本3.7所编写，之前在做鸿蒙原生应用开发布道的时候，很多人都对Flutter适配鸿蒙比较感兴趣，这不就来了。
Flutter开发鸿蒙，终端一体化
flfljh的专栏
10-29 1692
Flutter 作为一个跨平台的UI框架，其主要目的是让开发者能够用一套代码库来构建iOS、Android以及其他平台（如Web、Windows、macOS等）的应用程序。对于HarmonyOS，虽然它本身不是Flutter的目标平台之一，但由于Flutter的灵活性以及其底层引擎的能力，理论上可以进行一些调整来使Flutter应用能够运行在HarmonyOS上。目前，华为已经为开发者提供了一种方式来使Flutter应用能够在HarmonyOS设备上运行。
前端福音! 一篇文章说明鸿蒙、Flutter、Vue基础组件与基础方法
weixin_48091641的博客
04-29 2048
鸿蒙战略胜利，目前鸿蒙开发是一个急需要人才的缺口，在未来几年势必会有大量的鸿蒙岗位出现，目前所存在的鸿蒙岗位也是给出了相当高的薪资。事实证明，鸿蒙开发确实是一块香饽饽。作为华为自家的操作系统，正在逐步扩张市场份额。想要转行或者入行的朋友可以下手了。在这里，为大家提供一份我整理的鸿蒙开发学习资料，涵盖了UI开发、web、应用模型多个知识点，有需要的朋友可以扫描下方二维码，免费获取更多相关资料。
flutter 适配鸿蒙next，并打包为HAP安装包
qq_45679453的博客
08-09 1万+
下载过程就比较简单一路next基本就没有问题。1.2 git clone 上面链接中的代码我看issue中说的是要选择dev分支，不要选master分支的，dev不断在更新相比master拥有更多功能，但最近我看dev分支已经合并到master分支上了，两者区别应该不会很大。下面是dev分支的clone命令。下载后，在环境变量系统变量path中添加。
Flutter插件支持鸿蒙系统实践
flfljh的专栏
01-02 1488
以上就是在已有Flutter插件中新增鸿蒙系统支持的大致流程。
Flutter OHOS外接纹理适配简介-视频播放
flfljh的专栏
11-07 228
Flutter OHOS外接纹理适配简介-视频播放Flutter在OHOS平台使用外接纹理，视频播在注册纹理时，flutter engine返回surfaceId。注：1. 一般而言，为了方便复用，会将ohos对接flutter外接纹理的功能代码作为一个module模块组件单独写一个插件注册到Flutter engine。
【鸿蒙南向开发】Flutter使用Ohos原生组件的方法
CTrup的博客
11-05 402
实现关键点：1、使用AppStorage交换Component和PlatformView之间的数据2、使用@Watch装饰器监听数据变化@Componentbuild() {Column() {@Builder@Observedsuper();// 注册消息通道${super();
鸿蒙Flutter实战：15-Flutter引擎Impeller鸿蒙化、性能优化与未来
zackslee的专栏
01-03 1393
Flutter 作为一种流行的跨平台框架，支持鸿蒙是大势所趋。华为躬身入局，为 Flutter 社区带来了强劲动力。从目前各方反馈来看，Flutter 应该是仅次于 ArkTs 的最佳适配方案。不论是官方、还是开源社区、亦或是广大的开发者，都对 Flutter 有着强烈的诉求。HarmonyOS 希望更多应用尽快适配鸿蒙，开发者或者是厂商，也希望以更低的成本最快上架；ArkTS 仍然有不少需要改进之处，就拿热重载一项与之对比，Flutter 不论从易用性、稳定性和成熟度已经遥遥领先。
手把手教你 Flutter 适配Harmony OS Next
SHTLoveXX的专栏
08-28 2948
Flutter 兼容 Harmony NEXT Developer Beta5 保姆级教程。 现在好多插件都是内部都会自动执行安装。所以安装还是很省事的。
鸿蒙（HarmonyOS）开发学习路线指南：从零到实战
2401_84552999的博客
02-16 1379
随着鸿蒙生态的快速发展，HarmonyOS 已成为物联网时代的重要开发平台。其分布式架构和“一次开发、多端部署”的理念吸引了大量开发者。本文将从零开始梳理鸿蒙开发的学习路径，帮助开发者高效掌握核心技能。
深入解析Flutter下一代渲染引擎Impeller
YZcoder的博客
08-24 4353
Impeller是Flutter用以替换Skia的下一代渲染方案， 在Flutter 3.0版本中Impeller已经初步形成了一个完整的矢量渲染器的雏形。Impeller解决了Skia的哪些问题？为什么官方会考虑重新实现Flutter的渲染器？带着这些疑问我们一起去探究矢量渲染器的原理和Impeller背后的技术。
Flutter —— 混合开发
LinShunIos的博客
11-29 905
Flutter —— 混合开发1. 混合开发2. 混合开发操作第三方库 imagePicker 1. 混合开发 混合开发分两种情况 Flutter 项目调用原生功能 原生的项目嵌入Flutter（比较重，不建议） 2. 混合开发操作 回到之前的仿微信的我的界面来做一个点击头像通过相册更换图片的功能。 在之前的现实头像的地方添加一个GestureDetector，并且添加onTap方法。 Flutter里面和原生通讯用的是Flutter专门提供的MethodChannel。 这里声明一个_method
Flutter在鸿蒙HarmonyOS NEXT实践
fengyongge的专栏
12-23 3385
移动端开发中少不了一种技术栈叫做跨平台，目前常见的跨平台三方框架为Flutter、ArkUIX、React Native、Taro、WEEX、UniApp等，目前跨平台占比多的就属Flutter。这篇分享下Flutter在鸿蒙HarmonyOS NEXT实践。
Flutter中PlatformView在鸿蒙中的使用
yong_19930826的博客
01-21 786
集成平台视图（后称为平台视图）允许将原生视图嵌入到 Flutter 应用中，所以你可以通过 Dart 将变换、裁剪和不透明度等效果应用到原生视图。例如，这使你可以通过使用平台视图直接在 Flutter 应用内部使用鸿蒙中的原生地图。
一篇文章理解Flutter架构与渲染
热门推荐
soso密斯密斯的博客
10-22 1万+
在Flutter诞生之前，已经有许多跨平台UI框架的方案，比如基于WebView的Cordova、AppCan等，还有使用HTML+JavaScript渲染成原生控件的React Native、Weex等。 目前hybrid开发模式： 1.通过WebView来进行原生和web交互 2.为了解决WebView性能差的问题，以React Native为代表的一类框架将最终渲染工作交还给了系统，虽...
React PDF Annotation plugin library online API examples
最新发布
WCX_joker的博客
04-03 579
The API includes ① Export edited PDF data; ② Export annotations json data; ③ Reload old annotations; ④ Change files; ⑤ Set member info; ⑥ Clear annotations and other data processing functions
elementui的默认样式修改
cxsj999的博客
03-31 257
可是我想让提示的位置到下面来，该怎么办？最后还是看了官方的api。原来有个自定义样式属性。
flutter 鸿蒙
12-03
Flutter是由Google开发的一套跨平台移动应用开发框架，而鸿蒙是由华为开发的分布式操作系统。虽然Flutter和鸿蒙都是用于开发移动应用的技术，但它们有以下几点不同。 首先，Flutter是一个跨平台的开发框架，可以在不同的操作系统上运行，包括iOS和Android。它使用Dart编程语言，并采用自绘UI的方式，具有良好的性能和用户体验。而鸿蒙是一个更加综合的操作系统，可以用于多种设备，包括智能手机、平板电脑、智能穿戴设备等。 其次，Flutter具有较为成熟的开发生态圈，拥有大量的开发者和社区支持，可以提供丰富的插件和库供开发者使用。而鸿蒙相对较新，生态圈正在逐渐建设中。 此外，Flutter使用的是Google开发的SDK和工具链，可以与其他Google技术和服务相结合，如Firebase等。鸿蒙则是与华为其他技术和服务相集成，如鸿蒙云服务等。 最后，Flutter在全球范围内使用广泛，并且得到了很多开发者和企业的支持。鸿蒙目前主要应用于华为自家产品，并且还在努力拓展合作伙伴，推广应用。 总之，Flutter和鸿蒙虽然都是用于移动应用开发的技术，但在开发生态圈、应用范围和产业支持等方面有一定的区别。开发者可以根据具体需求选择使用其中之一来开发移动应用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

xq9527--

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

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

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

打赏作者

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

抵扣说明：

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

余额充值