flutter 的一些概念三

news/2024/9/19 14:52:00/文章来源:https://www.cnblogs.com/WoodJim/p/18395439

本文同步发布于公众号:stringwu的互联网杂谈:flutter 的一些概念三

1 Stream 与 Future的关系

StreamFuture 都是 Flutter 中常用的异步编程模型,Future 适用于一次性异步操作,Stream 适用于连续的异步操作

1.1 Future

  • Future一次性的操作,只会返回一个结果;
  • 可以使用awaitasync 等关键字来等待结果
  • 可通过Future.then 方法来处理异步操作的结果
  • Future.timeout 来设置超进的时间

1.2 Stream

  • Stream是连续的异步操作,它可以多次返回结果;
  • 需要使用StreamController 和 StreamBuilder 来监听数据流动,并对数据进行处理;
  • 可以使用Stream.listen 方法来监听数据的流动,并进行一个处理
  • Stream.timeout 来设置超时的时间
  • 使用StreamControllerStreamSubscription 来实现数据的订阅和消费
    一个简单的实现数据订阅和消费逻辑
StreamController<int> _controller = StreamController<int>();
_controller.add(1);
_controller.add(2);
_controller.add(3);// 订阅和消费
StreamSubscription<int> _subscription = _controller.stream.listen((int value) {print(value);
});

2 Widget、State、Context的区别与联系

  • WidgetFlutter 中构建 UI 的基本单位,它描述了一个 UI 元素的外观和行为。Widget 可以是有状态的(StatefulWidget)或无状态的(Stateless Widget),可以包含其他 Widget,可以组成 Widget 树。

  • StateWidget 的状态,它描述了 Widget 在特定时间点的数据和行为。State 只能存在于有状态的 Widget 中,它可以随着时间的推移而改变,但不会影响 Widget 树的结构

  • ContextFlutter 中的上下文对象,它包含了当前 WidgetWidget 树中的位置和状态信息。Context 可以用来获取当前 ThemeMediaQueryNavigator 等信息,也可以用来创建新的 Widget。

3 PlatformView

PlatformView 可以将原生的视图嵌入到Flutter UI中,如嵌入原生地图,视频播放等。在使用中,需要通过PlatformView WidgetPlatformViewFactory 来实现:

  • PlatformView Widget 用于将原生视频嵌入到应用中;
  • PlatformViewFactory 主要用来创建PlatformView Widget 并将原生视图与PlatformView Widget 进行关联;

3.1简单的使用示例(以Android为例)

首先在原生代码中创建一个自定义的PlatformView

// 步骤1 创建一个自定义的PlatformView
class DemoAView :PlatformView {
// 里面的内容就和在原生中实现自定义View一样
.....
}// 步骤2 再创建一个Factory来创建PlatformView
class DemoAViewFactory : PlaformViewFactory {override fun create(context: Context, id: Int, args: Any?): PlatformView {
// 返回一个PlatfromViewreturn DemoAView(context)
}// 步骤2 在Flutter引擎初始化时,注册一下步骤2创建的factory
// 这个方法是在FlutterFragment中,如果使用的是FlutterActivity,也类似fun configureFlutterEngine(@NonNull flutterEngine :FlutterEngine ) {flutterEngine.getPlatformViewsController().getRegistry()
// 注意,这个id 需要是唯一的.registerViewFactory("demo_a", DemoAViewFactory());
}

然后就可以在Flutter 代码中去使用这个PlatformView (在Flutter 中可以使用PlatformViewLink 来简化使用,也可以使用AndroidView UIKitView 来使用,本文使用PlatformViewLink 来做示例:

class DemoViewWidget extends StatelessWidget {@overrideWidget build(BuildContext context) {return PlatformViewLink(viewType: "demo_a",surfaceFactory: (context, controller) {if (controller is! AndroidViewController) {return Container(); // 或者返回一个占位符widget}return AndroidViewSurface(controller: controller,gestureRecognizers: const <Factory<OneSequenceGestureRecognizer>>{},hitTestBehavior: PlatformViewHitTestBehavior.opaque,);},onCreatePlatformView: (params) {return PlatformViewsService.initAndroidView(id: params.id,viewType: "demo_a,layoutDirection: TextDirection.ltr,creationParams: {},creationParamsCodec: const StandardMessageCodec(),onFocus: () {params.onFocusChanged(true);},)..addOnPlatformViewCreatedListener(params.onPlatformViewCreated)..create();},);}
}

公众号:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/793183.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用css和html初步搭建页面

由于很多html标签在博客中会生效,所以我有时候会简写 1.html分为头部head和body.头部中定义标题title2.设置标题使用h1,共有六级为h1~h6.想要设置标题具体颜色要使用css,的style,有三种方式 (1)h1 color:(2)写一个外部css文件(3)使用设置.同时使用元素选择,ID选择,类选择可以单…

通义灵码助力高校开学第一课,“包”你满意,新学期加油!

通义灵码作为国内领先的 AI 编码工具,近年来在高校中得到了广泛应用和推广。它不仅帮助大学生更高效地学习编程、提高代码质量,还激发了他们的创新思维,并为未来的职业生涯做好了准备。通义灵码作为国内领先的 AI 编码工具,近年来在高校中得到了广泛应用和推广。它不仅帮助…

第十三讲:count()这么慢,我该怎么办?

第十三讲:count(*)这么慢,我该怎么办? 简概:count(*) 的实现方式 ​ 你首先要明确的是,在不同的 MySQL 引擎中,count() 有不同的实现方式。MyISAM 引擎把一个表的总行数存在了磁盘上,因此执行 count() 的时候会直接返回这个数,效率很高; 而 InnoDB 引擎就麻烦了,它执…

C# Winform 打安装包

开发好一款Winform程序,往往都是直接拉Debug文件里的内容,直接运行。这样直接给客户,或者打个简易的压缩包。视觉上觉得很low,客户也觉得价不配位。因此这个5毛钱的特效还是要加上,毕竟几十万的项目款都付了。提升一下软件的B格,让客户觉得物有所值。 一、下载安装扩展程…

解压zip文件或者安装软件出现 无法成功完成操作 解决方案

近期, 有一些朋友反馈在解压zip压缩包, 或者在安装软件的过程中出现了下面的错误提示: "无法成功完成操作, 因为文件包含病毒或者潜在垃圾文件" "Operation did not complete successfully because the file contains a virus or potentially unwanted software…

Windows10添加鼠标右键打开

1打开注册表2.进入目录计算机\HKEY_CLASSES_ROOT\Directory\Background\shell\,新建项,2.1继续新建子项,重命名为command2.2修改子项中的默认,添加路径结果:ps: 可以重命名。在第一个新建项中新建“字符串值”,重命名为“ICON”可以设置图标。效果图:

2024 天池云原生编程挑战赛决赛名单公布,9 月 20 日开启终极答辩

2024 天池云原生编程挑战赛决赛名单公布,9 月 20 日开启终极答辩历时 4 个月,2024 天池云原生编程挑战赛决赛名单公布! 本届大赛规模创新高,参赛战队达 20000+ 支, 广覆盖国内外优秀高校和杰出企业!吸引了来自北京大学、清华大学等 176 所国内外优秀高校,以及美团、米哈…

Linux救援模式

故障背景:误删除或修改/etc/passwd导致无法远程登录. 禁止root远程登录,没有添加普通用户,无法远程登录. root密码忘记,无法远程登录. linux无法启动1.解决方案 root密码,恢复有备份的系统文件,都要重启系统,才能进入救援模式解决方案应用场景系统自带的救援模式系统还可以正常…

API 网关 OpenID Connect 实战:单点登录(SSO)如此简单

本文对 Higress 中开源的 OIDC Wasm 插件进行了介绍,现在 Higress 项目中 Wasm 插件支持使用 Go、C++、Rust、AssemblyScript 等语言编写,后续会支持更多的编程语言,有着更低的开发门槛,同时 Wasm 插件运行在隔离的沙箱环境中,具有更高的安全性,而 Wasm 本身作为一种高性…

在全连接层中进行批量数据并行执行

在全连接层中进行批量数据并行执行 在全连接网络中,为了增加并发性并减少权重的负载,可以同时处理一批图像(来自多个视频通道),如图11-31所示。图11-31 增加并发性并减少权重的负载,可以同时处理一批图像 11.2.6 特征缓存 在流处理中,对输入和结果使用双缓冲区。对于下一…

【整理】【Jinja2 模板】基础

Jinja2是基于python书写的模板引擎。 jinja2 必知必会 1、jinja2文件以.j2为后缀,也可以不写后缀。 2、jinja2中存在 三种定界符 注释:{{# #}}变量引用:{{ var }}逻辑表达:{% %}3、jinja2 逻辑控制 条件表达: {% if %}......{% endif %}案例:循环控制:案例:注意: