在Flutter中嵌入Native组件的正确姿势

最新推荐文章于 2024-11-06 22:22:46 发布
最新推荐文章于 2024-11-06 22:22:46 发布
阅读量886 收藏 29
点赞数 19
分类专栏： Android程序员 文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60607245/article/details/136793936
版权

1.View最终的显示尺寸由谁决定？2.触摸事件是如何处理的？
下面就让在下来给各位一一解答。
###2. 原理讲解
想要解决上面的两个问题，首先必须得理解所谓"传View"的本质是什么？
###2.1. 所谓"传View"的本质是什么？
要解决这个问题，自然避免不了的需要去阅读源码，从更深的层面去看这个传递的整个过程，可以整理出一张这样的流程图：

5555555555555555555555555555555.png
我们可以看到，Flutter最终拿到的是native层返回的一个textureId。根据native的知识ky h这个textureId是已经在native侧渲染好了的view的绘图数据对应的ID，通过这个ID可以直接在GPU中找到相应的绘图数据并使用，那么Flutter是如何去利用这个ID的呢？
在之前的深入了解Flutter界面开发中，也给大家介绍了Flutter的绘图流程。我这里也给大家再简单整理一下

66666666666666666666666666666666666666666666666666666.png
Flutter的Framework层最后会递交给Engine层一个layerTree，在管线中会遍历layertree的每一个叶子节点，每一个叶子节点最终会调用Skia引擎完成界面元素的绘制，在遍历完

最低0.47元/天 解锁文章
Flutter与Native混合开发-FlutterBoost集成应用和开发实践(iOS)
u010879240的博客
07-22 1993
背景： 现在Flutter火热，各个公司都会尝试使用Flutter开发，一般采用的都会是混合形式的开发，混合开发目前Flutter官方提供的不太完善、iOS和Android有差异性、接口也不同意、很麻烦，也有一些大厂为了实现高效率高可用自己实现一套混合开发技术,比如闲鱼的flutter_boost和哈罗的flutter_thrio。两者之间优缺点及设计原理、架构等后续再来分析。接下我们先说下flutter_boost在iOS项目中的接入混合实践。 准备工作： 1.Flutter SDK 为了便于后续我们f.
在Flutter中嵌入Native组件的正确姿势是
2401_84132565的博客
05-07 1020
其实很简单就下面这张图，含概了Android所有需要学的知识点，一共8大板块：架构师筑基必备技能Android框架体系架构（高级UI+FrameWork源码）360°Androidapp全方位性能调优设计思想解读开源框架NDK模块开发移动架构师专题项目实战环节移动架构师不可不学习微信小程序混合开发的flutterAndroid学习的资料我呢，把上面八大板块的分支都系统的做了一份学习系统的资料和视频，大概就下面这些，我就不全部写出来了，不然太长了影响大家的阅读。
在Flutter中嵌入Native组件的正确姿势是...
weixin_30724853的博客
11-16 70
引言 在漫长的从Native向Flutter过渡的混合工程时期，要想平滑地过渡，在Flutter中使用Native中较为完善的控件会是一个很好的选择。本文希望向大家介绍AndroidView的使用方式以及在此基础之上拓展的双端嵌入Native组件的解决方案。 1. 使用教程 1.1. DemoRun 嵌入地图这一场景可能在很多App中都会存在，但是现在的地图SDK都没有提供Flutter的...
Flutter中嵌入Native组件的正确姿势是...
闲鱼技术的博客
11-15 392
引言在漫长的从Native向Flutter过渡的混合工程时期，要想平滑地过渡，在Flutter中使用Native中较完善的控件会是一个很好的选择。本文希望向大家介绍And...
在Flutter中嵌入Native组件的解决方案
syh96123的博客
06-23 556
摘要：在漫长的从Native向Flutter过渡的混合工程时期，要想平滑地过渡，在Flutter中使用Native中较为完善的控件会是一个很好的选择。本文希望向大家介绍AndroidView的使用方式以及在此基础之上拓展的双端嵌入Native组件的解决方案。 引言 在漫长的从Native向Flutter过渡的混合工程时期，要想平滑地过渡，在Flutter中使用Native中较为完善的控件会是一个很好的选择。本文希望向大家介绍AndroidView的使用方式以及在此基础之上拓展的双端嵌入Native组件的解决
Flutter 内嵌原生组件 for android
06-22
Flutter 内嵌原生组件 for android Flutter 内嵌原生组件 for android 文档地址 https://blog.csdn.net/nicepainkiller/article/details/125403744 文档地址 ...
flutter嵌入原生组件_Flutter原生混合开发
weixin_39828193的博客
01-09 739
混合开发简介使用Flutter从零开始开发App是一件轻松惬意的事情，但对于一些成熟的产品来说，完全摒弃原有App的历史沉淀，全面转向Flutter是不现实的。因此使用Flutter去统一Android、iOS技术栈，把它作为已有原生App的扩展能力，通过有序推进来提升移动终端的开发效率。 目前，想要在已有的原生App里嵌入一些Flutter页面主要有两种方案。一种是将原生工程作为Flutter工...
Flutter 正在切换成 Monorepo 和支持 workspaces
恋猫de小郭的博客
11-05 661
提交原子性：engine、framework 和 buildroot 的变更可以一起提交，更好管理减少依赖：可以减少大量内部版本依赖和冲突问题，大规模减少类似 Roll 类型的历史提交等简化 PR：用户可以更直观和方便提交 PR，包括这个 PR 需要从 engine 到 framework 多方调整的时候engine 和 framework 可以在同套 CI 下测试调整。
Flutter下拉刷新上拉加载的简单实现方式一
且听真言
11-05 865
使用 `disposed` 字段可以有效地防止在组件销毁后进行不必要或有害的 UI 更新。这种模式特别适用于涉及异步操作的 Flutter 应用开发，确保代码在处理 `State` 生命周期时更加健壮。在 Flutter 中，`dispose` 方法是一个非常重要的生命周期方法，用于在不再需要一个对象时释放资源。通常，`dispose` 方法用于清理那些可能导致内存泄漏的资源，如控制器、监听器和订阅等。
Flutter&鸿蒙next 使用 BLoC 模式进行状态管理详解
最新发布
小淼淼的博客
11-06 1590
BLoC 是一种将业务逻辑从 UI 层分离的模式。它基于Streams（流）和Sinks（输入）的概念，将状态管理和 UI 更新通过流式的方式来实现。通过这种方式，UI 层通过监听数据流（Stream）来获取状态更新，避免了状态直接与 UI 层耦合，提高了代码的可维护性和可测试性。是一个抽象类，所有事件类型都继承自该类。和，分别表示计数器增加和减少。用于表示计数器的状态，包含一个名为counter的整数变量，表示当前计数值。State 负责存储应用的状态，它是 BLoC 模式的核心。
Flutter&鸿蒙next 中的 Expanded 和 Flexible 使用技巧详解
小淼淼的博客
11-06 1689
Expanded和Flexible是 Flutter 中布局系统中两个非常重要的控件，能够帮助我们在RowColumn和Flex等容器中灵活管理空间的分配。Expanded用于占据剩余空间，适合均匀分配剩余空间的场景；Flexible则提供了更灵活的空间比例控制，允许你根据不同需求调整控件占据空间的比例。掌握这两者的使用技巧，能够让你的布局更加灵活和高效，尤其是在复杂的 UI 中，你可以根据实际需求选择合适的布局方式，从而提高开发效率和用户体验。
Flutter&鸿蒙next 实现长按录音按钮及动画特效
小淼淼的博客
11-06 1275
在 Flutter 中实现长按录音按钮并且添加动画特效，是一个有趣且实用的功能。本文将通过实现一个具有动画效果的长按录音按钮，带领你一步步了解如何使用 Flutter 完成这个任务，并解释每一部分的实现。
Flutter UI架构(3)
起司锅仔的博客
11-04 811
Flutter使用dart语言来构建维护UI数据，然后通过Impeller渲染引擎来进行UI渲染，在学习源码之前，我们先来了解一下Flutter的UI框架的大体架构，这样后面再学习源码可以事半功倍。
Flutter 的 Widget 概述与常用 Widgets 与鸿蒙 Next 的对比
小淼淼的博客
11-06 1049
Flutter 是 Google 开发的一款开源 UI 框架，旨在帮助开发者快速构建高性能、高保真度的移动、Web 和桌面应用程序。在 Flutter 中，UI 的构建完全是通过Widget来实现的。Widget 是 Flutter 中所有用户界面元素的基础构建块。每一个 UI 元素，无论是文本、按钮、图片，甚至是容器、行列布局等，都是通过Widget构造出来的。Flutter 的Widget并不等同于传统的视图（view）控件，它不仅代表了界面元素的外观，还描述了其行为。
鸿蒙next选择 Flutter 开发跨平台应用的原因
小淼淼的博客
11-06 1598
鸿蒙选择 Flutter 作为主要的跨平台应用开发框架，体现了其在技术、生态和开发者支持上的战略选择。Flutter 提供了高效的开发体验、出色的性能和广泛的跨平台支持，使得鸿蒙能够迅速构建多设备、多平台的应用生态。此外，Flutter 的易于集成与鸿蒙系统的创新特性，能够为开发者提供更多的灵活性和可能性，从而推动鸿蒙生态的发展。通过采用 Flutter，鸿蒙系统不仅能够支持移动端设备，还能够扩展到更多的智能硬件平台，进一步加强了其全场景智能生态的建设。
使用 Flutter 绘制一个棋盘
小淼淼的博客
11-06 1242
在这篇博客中，我们学习了如何使用 Flutter 的来绘制一个简单的棋盘。通过计算每个方格的大小并交替设置颜色，我们成功地展示了一个 8x8 的棋盘。是 Flutter 中非常强大的一个类，它能够帮助我们绘制复杂的自定义图形。希望你在掌握了这一技巧后，能更加自如地进行 UI 绘制。通过这种方式，你还可以扩展绘制更多的图形，甚至是棋盘上的棋子，来实现一个完整的棋类游戏界面。
flutter windows通过嵌入native窗口实现渲染视频
10-19
Flutter是一种跨平台的移动应用开发框架，允许开发者使用Dart语言编写UI代码。虽然Flutter本身主要用于移动应用开发，但它也可以通过嵌入native窗口来实现渲染视频。 在Windows上，Flutter可以使用Flutter插件来嵌入native窗口进行视频渲染。这些插件可以允许Flutter应用程序与底层平台的功能进行交互。 要通过嵌入native窗口实现视频渲染，首先需要创建一个Flutter应用程序，并在应用程序中添加一个视频播放器。然后，将Flutter应用程序嵌入到一个原生窗口中。 为了能够在Windows上嵌入Flutter应用程序，可以使用Win32 API、UWP或者WPF等工具来创建原生窗口。通过使用这些工具，可以在窗口中创建一个Flutter实例，并将Flutter应用程序嵌入到窗口中。 在嵌入Flutter应用程序后，可以通过使用Flutter的视频播放插件来实现视频渲染。这些插件可以与底层的视频渲染功能进行交互，以实现视频的播放、暂停、停止等功能。 通过嵌入native窗口，可以让Flutter应用程序在Windows上以原生窗口的形式显示，并通过使用Flutter的视频播放插件来实现视频渲染。这样，开发者可以使用Flutter开发应用程序，并实现复杂的视频渲染功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值