Flutter-ListView重用机制

最新推荐文章于 2024-03-07 18:18:41 发布
最新推荐文章于 2024-03-07 18:18:41 发布
阅读量3.6k 收藏
点赞数 1
分类专栏： Flutter 文章标签： 复用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vito_jianxue/article/details/108447446
版权

先介绍一下iOS的cell重用机制,然后对比ListView的item"重用"机制.

iOS的TableViewCell重用机制

  • 通过对每一个类型的cell绑定重用id标志
  • 根据重用id去取出重用池里面的cell对象,池子里没有或者数量不够,tableView会new一个新的出来.
  • 去更新该cell,调整frame并移动到可视区域.

ListView的item"重用"机制

ListView因为没有item的重用id,所以每次滑动ListView,它会重新创建、布局、绘制可见区域内的item,一般会多绘制可见区域以外2-4个item,即预加载机制,这点跟iOS有点类似.当item不在屏幕显示的时候,会执行dispose.
Flutter整个框架对UI进行了优化,所以不必担心重复创建item的内存消耗问题.ListView的重用机制就是Flutter对UI的重用机制,优化更加彻底,会重用item对应的element和renderObject对象,因为item对象每次都会重新创建.item对象是轻量级的,它关联的renderObject和element才是正在消耗内存的,只要这两个有缓存机制就没什么大问题.而且ListView必须滚动到指定位置之后才会触发相关区域item的创建、布局等操作.

Vito.ZJX
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
flutter-embedded-linux:Flutter的嵌入式Linux嵌入式
03-12
Flutter的嵌入式Linux嵌入式 创建该项目是为了开发的非官方嵌入式Linux嵌入。 该嵌入程序着重于嵌入式Linux系统用例。 它还基于Windows的Flutter桌面实现，并且具有一些独特的功能可在嵌入式系统中使用。 目的与目标 我们的目标是在嵌入式系统中使用Flutter。 我们正在开发此嵌入器，以在嵌入式产品中使用Flutter。 最终，我们希望向的主线提出并贡献该软件，这意味着我们希望为所有嵌入式开发人员正式向Flutter添加嵌入式系统支持。 请注意，这只是我们的理想，而不是Flutter社区的官方意见。 如果您能向我们提供有关错误和新功能要求的反馈，我们将不胜感激。 我们想介绍通用嵌入式系统的规范。 特征 适用于嵌入式系统 一些依赖库 比Linux的Flutter桌面轻巧（不使用X11和GTK） 该嵌入器的主要目标是Arm64设备。 我们尚未在Arm 32bit
Flutter-ListView-and-GridView
05-10
flutter_tab_bar 一个新的Flutter应用程序。 入门 要获得Flutter入门方面的帮助，请查看我们的在线。
flutterlistview原理复用，2024大厂Android面试经验
最新发布
D1561691的博客
03-07 513
（含BAT、小米、华为、美团、滴滴）和我自己整理Android复习笔记（包含Android基础知识点、Android扩展知识点、Android源码解析、设计模式汇总、Gradle知识点、常见算法题汇总）面试成功其实是必然的，因为我做足了充分的准备工作，包括刷题啊，看一些Android核心的知识点，看一些面试的博客吸取大家面试的一些经验，
Flutter-ListView
04-14
latihan_listview 一个新的Flutter项目。 入门 该项目是Flutter应用程序的起点。 如果这是您的第一个Flutter项目，那么有一些资源可以帮助您入门： 要获得Flutter入门方面的帮助，请查看我们的，其中提供了教程，示例，有关移动开发的指南以及完整的API参考。
Flutter ListView列表布局
10-05
ListView 是最常用的滚条列表，它继承至 CustomScrollView，大多 CustomScrollView 的属性都可用。
flutter-master_flutter_flutter-master_
09-29
Flutter 是 Google 开源的 UI 工具包，帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。
ListView布局之View复用原理举例
04-27
ListView布局之View复用原理举例
Flutter中ListView复用原理探索
china_2014的博客
11-09 3768
Flutter三棵树之间的关系 众所周知flutter中有三颗非常重要的树形结构，分别为widget树，element树和renderObject树 其中widget树，存放渲染内容，只是一个数据结构。创建和销毁十分轻量，在页面的刷新过程中经常会被重建。就个人而言，可以把widget抽象的理解为一个存放配置信息的map。 element树，同时持有widget和renderObject，存放上下文信息，可以说是widget和renderObject的连接件。 renderObject树，负责layout和p
05 Flutter ListView组件
LJLThomson的博客
04-02 111
ListView组件 1. ListView介绍 ListView是一种列表组件，可以实现以下列表样式 1、垂直列表 2、垂直图文列表 3、水平列表 4、动态列表 5、矩阵式列表 2. 常见属性 scrollDirection Axis & Axis.horizontal 水平列表 Axis.vertical 垂直列表 padding EdgeInsetsGeometry & 内边距 resolve bool & 组
Flutter原理：三棵重要的树(渲染过程、布局约束，flutterlistview原理复用
m0_66264699的博客
02-05 2776
每次，当控件挂载到控件树上时，Flutter 调用其 createElement() 方法，创建其对应的 Element。Flutter 再将这个 Element 放到元素树上，并持有创建它控件的引用，如下图： 控件会有它的子树： 子控件也会创建相应 Element 被放在元素树上： 4Element 中的状态 我们上文提到了 Widget 的不可变性，相应的 Element 就有其可变性，正如我们前文所说的它被标记为 dirty Element 便是作为需要更新的状态，另外一个我们需要格外注意的是，
从原生到黑科技：闲鱼 Flutter 图片优化经历了什么？
阿里云开发者
04-15 5073
简介：阿里妹导读：图片加载是 APP 最常见也最基本的功能，也是影响用户体验的因素之一。在看似简单的图片加载背后却隐藏着很多技术难题。本文介绍闲鱼技术团队在 Flutter 图片优化上所做的尝试，分享闲鱼在典型的图片处理方案上的技术细节，希望给大家带来一些启发。 那些年 早在闲鱼使用 Flutter 之初，图片就是我们核心关注和重点优化的功能。图片展示体验的好坏会对闲鱼用户的使用体验产生巨大影...
Flutter-Nested-ListView
05-15
flutter_nested_listview 一个新的Flutter应用程序。 入门 要获得Flutter入门方面的帮助，请查看我们的在线。 “＃Flutter-Nested-ListView”
Flutter 小技巧之 ListView 和 PageView 的各种花式嵌套
Dream It Possible
09-12 1177
最后总结一下，本篇介绍了如何通过Darg解决各种因为嵌套而导致的手势冲突，相信大家也知道了如何利用Controller和Darg来快速自定义一些滑动需求，例如ListView联动ListView///listView 联动 listView@override}Drag?Drag?_subDrag;@override}@override}}///除以10实现差量效果_subDrag??}.cancel();
Flutter入门进阶之旅（十四）ListView&GridView
谢栋的专栏
04-10 1533
在之前讲Layout Widget的文章中，我们掌握了基于不同的场景适当的选择不同的Widget来完成我们的布局要求，但是关于长列表的数据展示我们并没有做展开介绍，而长列表的身影几乎出现在日常生活中的任意一款APP中，鉴于它的重要性，所以我想单独作为一个章节来讲解长列表Widget—ListView&GirdView。 ...
39、Flutter之 ListView组件详解
热门推荐
wywinstonwy的专栏
01-19 1万+
ListView ListView是最常用的可滚动组件之一，它可以沿一个方向线性排布所有子组件，并且它也支持列表项懒加载（在需要时才会创建）。我们看看ListView的默认构造函数定义： ListView({ ... //可滚动widget公共参数 Axis scrollDirection = Axis.vertical, bool reverse = false, ScrollController? controller, bool? primary, ScrollP
202_让ListView带选择且不复用
Lich Howger
07-30 891
假设我们现在给ListView加一个选择的功能 比如点击条目,这个条目就被选中了,变成红色, 再点一下就是取消选择,条目变成白色 如果我们直接这样写,并且用上ViewHolder, 会出现复用的问题 比如选择了第1个,第2个, 向下滑动之后,下面的几个条目也会变成红色 这个就是复用的问题 那么我们可以在javabean里面设置一个boolean属性 比如默认为fa
flutter 防止自动重绘的问题
qq_36632604的博客
11-27 1079
因为做了一个功能显示图片 用的listVIew children子嵌套了一个Futurebuilder 然后每次滑动的时候 滑下去上面页面消失 再滑上去 就会触发list的子item重build的问题 因为图片是get方式获取 每次重绘会浪费大量资源 而且图片有很多 为了解决这个问题大概花了3个多小时 1.图片部分单独做成一个StatelessWidget 没用X 2.做成stateful future只在initsate时候执行 没用X 之后滑动重build还会直接报错 3....
Flutter——listview的三种加载方式
SemiraChen的博客
03-26 1371
main.dart import 'package:flutter/material.dart'; import 'SwipeToDissmissDemo.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildCont...
best-flutter-ui-templates
08-06
best-flutter-ui-templates 是一个提供优质 Flutter UI 模板的资源库。在 Flutter 开发中，UI 模板是为了加快开发速度，提供了预先设计好的组件和样式，使得开发者可以更轻松地创建美观的用户界面。 best-flutter-ui-templates 包含了各种各样的 UI 模板，涵盖了不同领域，比如社交媒体、电子商务、新闻等等。每个模板都具有独特的风格和特点，开发者可以根据自己项目的需求进行选择。 这些模板不仅仅是简单的界面设计，它们还包含了交互功能和动画效果，以提供更好的用户体验。开发者可以通过修改模板中的组件和样式，快速定制出适合自己项目的独特UI。 通过使用 best-flutter-ui-templates，开发者可以节省大量的时间与精力，避免从零开始设计并实现每个界面。这样，开发者可以更专注于业务逻辑的实现，加快项目的开发进度。 此外，best-flutter-ui-templates 还提供了示例代码和文档，方便开发者理解和使用模板。开发者也可以根据需要对模板进行定制和扩展。 综上所述，best-flutter-ui-templates 提供了丰富的优质 Flutter UI 模板，帮助开发者快速构建出美观、交互丰富的移动应用界面，并加速开发进度。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值