开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ListView.builder不知何故以错误的方式缓存

ListView.builder是Flutter框架中的一个构建列表的方法。它可以根据指定的itemBuilder函数来动态构建列表项，并且只会构建当前可见区域的列表项，从而提高性能和内存利用率。

然而，有时候我们可能会遇到ListView.builder以错误的方式缓存的问题。这可能导致列表项在滚动时出现错位、重复或者消失等问题。这种问题通常是由于itemBuilder函数中没有正确地使用列表项的索引导致的。

为了解决这个问题，我们可以采取以下步骤：

确保在itemBuilder函数中正确地使用列表项的索引。列表项的索引可以通过itemBuilder函数的第二个参数index获取。例如，可以使用index来获取正确的数据源，并根据数据源构建列表项。
如果列表项的内容是可变的，确保在构建列表项时使用唯一的key。这可以通过给列表项的Widget设置key属性来实现。唯一的key可以帮助Flutter框架正确地识别和更新列表项。
如果问题仍然存在，可以尝试使用ListView.separated而不是ListView.builder。ListView.separated可以在列表项之间插入分隔符，并且每个列表项都有自己的构建函数。这样可以更容易地控制列表项的缓存和更新。

总结起来，当ListView.builder以错误的方式缓存时，我们应该确保正确使用列表项的索引，使用唯一的key来标识列表项，以及尝试使用ListView.separated来更精确地控制列表项的缓存和更新。

腾讯云相关产品和产品介绍链接地址：

腾讯云Flutter SDK：https://cloud.tencent.com/document/product/647/17261
腾讯云移动开发服务：https://cloud.tencent.com/product/mobdev
腾讯云云服务器CVM：https://cloud.tencent.com/product/cvm
腾讯云云原生容器服务TKE：https://cloud.tencent.com/product/tke
腾讯云数据库MySQL：https://cloud.tencent.com/product/cdb_mysql
腾讯云人工智能AI：https://cloud.tencent.com/product/ai
腾讯云物联网IoT Hub：https://cloud.tencent.com/product/iothub
腾讯云对象存储COS：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云游戏多媒体处理：https://cloud.tencent.com/product/gmp

相关搜索:C++ - Char数组不知何故初始化为错误的大小 Laravel以多对多的方式插入数据并得到错误 owl轮播正在以错误的方式显示所有项目 Spring cacheable错误，尝试通过ID键缓存用户并以相同的方式将其逐出不知何故，我更新了我的模块版本，它显示以下错误不知何故，由于函数定义末尾的冒号，我一直收到语法错误为什么momentjs会以错误的方式转换时区？为什么MongoDB聚合会被Spring Data以错误的方式重写？以正确的方式处理和返回Mono错误- Java Reactor代码以正确的方式处理布尔响应和错误-角度6

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Flutter 刷新页面：通过下拉刷新提升用户体验

在移动端应用中，为用户提供一个直观的方式来更新内容是很重要的。...在丰富的挂件中，Flutter 提供了一个很好的方式实现下拉来刷新应用。这个手势，对很多用户来说很熟悉，就是下拉页面来触发更新的动作，获取新的数据并更新屏幕展示。...这意味着从一个资源拉取新数据，该资源可能是一个本地数据库或者一个远程服务器，并确保正确刷新指示器逻辑以反映数据获取过程的状态。...错误处理和用户反馈错误处理是任何与数据源交互功能的重要一点，下来刷新也不例外。当实现 onRefresh 回调，预测和处理潜在的错误至关重要，比如网络问题或者服务错误，这些会在拉取新数据时候发生。...通过这个博文，我们探索了 RefreshIndicator 挂件的复杂配置，通过各种技术管理状态，并构建 widget tree 以实现最佳功能。

1291 0

flutter中对列表的性能优化

” “另请注意：虽然ListView.builder（默认情况下）有效地构建其子项，为您节省构建屏幕外小部件的不必要成本，但设置 shrinkWrap为true覆盖此默认行为！...当您滚动浏览此 UI 并注意该ColorBarState.build方法的调用方式时，会出现可怕的部分。...而且你滑动的快的时候列表会抖动！重新构建嵌套列表要了解如何使您的用户免受卡顿威胁，请等待我的第二节，下一节将使用 Slivers 而不是 ListViews 重建相同的 UI。...原始版本ListView对所有内容都使用对象，不知道内部构建器构造函数将被shrinkWrap. // Before @override void initState() { super.initState...这节课对你来说怎么样，可以的话，支持一下吧你快速的滑动的时候会发现，这个时候的列表没有抖动！

3.5K0 0

如何保障大屏展示项目的在极端情况下的可用性

而各系统的性能不一，网络稳定性较差，部分系统经常关机维护，这给数据的汇聚及实时展示带来了很大的挑战。为此，系统设计之初就把保障系统在发生任何故障情况下都不影响前端演示的稳定性和流畅性做为重中之重。...另外，后端服务会定期检查缓存中各项数据的过期时间，如果数据过期，则自动从数据库获取数据并放入缓存中。这样就保障的后端服务在任何时刻都可以返回可用的数据。...无论第三方接口是否中断，缓存中始终有数据可供前端使用。本地后端服务中断大屏项目最怕的是自己的后端断了，前端点啥功能都没数据，报500错误，这在对外接待演示时是致命的。...针对实时接口，在前端同样做了缓存设计，当实时接口中断时，自动读取上次取回的缓存数据，而不致于报错或者出现无数据的情况。...例如，在屏幕右下角加入一个不起眼的小图标，当发生任何故障或者数据更新超过时限时，图标会出现，虽然外来参观人员注意不到图标存在，或者不了解此图标的意义，但使用人员一定知道出故障了，此时如果击此图标时会显示详细的接口故障说明等

1130 0

ListView&GirdView

false, EdgeInsetsGeometry padding, this.itemExtent,//item有效范围 bool addAutomaticKeepAlives: true,//自动保存视图缓存...在Flutter中有三种构建ListView的方式，刚才介绍的是最简单的一种，但是却不是最常用的，因为它仅仅适用于已知数量或者较少数量的Item的情况。...如果有未知数量或者无限个Item的情况，再使用上述的方法将不再适用。那么，我们可以尝试下ListView.builder（）和ListView.custom（）。...ListView.builder（）和ListView.custom（）的用法基本相同，只不过custom可以根据自己的需要控制Item显示方式，如Item显示大小。...当然，GridView你也可以使用builder（）和custom（）的方式实现 import 'package:flutter/material.dart'; void main() { runApp

1.7K2 0

20世纪最优秀的物理学家费曼是如何生活、学习和思考的？

终身学习的喜悦 Feynman在15岁时自学了三角学，高级代数，解析几何和微积分。他是一个自学者，他的动机仅仅是享受了解事物如何运作的乐趣，他以独特的观察世界和科学问题的方式而闻名。...费曼解释说：我认为，不知道比得到可能错误的答案要有趣得多。...我不会因为不知何故迷失在一个神秘的宇宙中而茫然不知所措，这是我所能知道的。...理查德·费曼被称为“伟大的解释者”，其以简单直观的方式向所有人解释复杂科学知识。比尔·盖茨受到费曼教学方法和实践的启发，称他为“最伟大的老师”。...向他人传授所学知识是获取和记住知识的最快方法之一。对知识的最终考验是你传授知识的能力。我们可以从理查德·费曼那里学到的东西是，以不同的方式做事的价值，好奇的喜悦和发现事物的乐趣。

5265 0

Thinkpad L421安装xpwin7进入不了系统MBR修复

今天给新买的Thinkpad L421安装操作系统，用的是PE盘安装，系统是ghost for xp.可是在重启时出现grub错误，自带系统为ubuntu10.10. ...不知何故导致这一问题，不过通过修复MBR可以解决这一问题，具体方法如下：用一系统盘（我用的是U盘里面自带的是WIN7系统），进入到修复模式，再进入命令行模式在命令行窗口中依次输入以下命令：

1.2K1 0

Flutter 小技巧之优化你使用的 BuildContext

一般情况下处理这个问题也很简单，那就是增加 mounted 判断，通过 mounted 判断就可以避免上述的错误。...SnackBar 还能正常弹出，而如果这时候我们直接退出页面，还是会出现以下的错误提示，因为 ScaffoldMessenger 也被销毁了。...对于这部分内容感兴趣的，可以看 Flutter 小技巧之 MediaQuery 和 build 优化你不知道的秘密和全面理解State与Provider 。...当然不行，首先如果在 initState 直接调用如 ScaffoldMessenger.of(context).showSnackBar 方法，就会看到以下的错误提示。...详细解释可以参考 Flutter 小技巧之 MediaQuery 和 build 优化你不知道的秘密所以到这里我们又收获了一个小技巧：对于 of(context) 的相关操作逻辑，可以尽量放到

1.2K0 0

微软确认Windows 10累积更新KB4482887中的新问题

摘要：微软刚刚确认了Windows 10版本1809累积更新KB4482887中存在的一个新问题，公司表示已收到有关游戏性能可能受到影响的报告。...在对原始KB4482887页面的更新中，微软表示已经开始修复该问题，它应该包含在即将发布的版本中。 ?...受此性能问题影响的完整游戏列表目前还没有公布，但如果您在Windows 10版本1809上遇到任何减速，则最新的累积更新很可能是问题的来源。...有关于问题的解决方案目前还没有发布，删除这一累积更新几乎是解决该错误的唯一方法。卸载累积更新KB4482887不会产生任何安全风险。该补丁于3月1日发布，专注于非安全性改进。...有趣的是，之前在测试过程中，已经有测试人员通报了这一问题，但不知何故这一补丁依然被广泛推送到所有计算机。

5782 0

微软确认Windows 10累积更新KB4482887中的新问题

摘要：微软刚刚确认了Windows 10版本1809累积更新KB4482887中存在的一个新问题，公司表示已收到有关游戏性能可能受到影响的报告。...在对原始KB4482887页面的更新中，微软表示已经开始修复该问题，它应该包含在即将发布的版本中。 ?...受此性能问题影响的完整游戏列表目前还没有公布，但如果您在Windows 10版本1809上遇到任何减速，则最新的累积更新很可能是问题的来源。...有关于问题的解决方案目前还没有发布，删除这一累积更新几乎是解决该错误的唯一方法。卸载累积更新KB4482887不会产生任何安全风险。该补丁于3月1日发布，专注于非安全性改进。...有趣的是，之前在测试过程中，已经有测试人员通报了这一问题，但不知何故这一补丁依然被广泛推送到所有计算机。

5244 0

获取 NodeJS 程序退出码

C 的方式，也可以通过process.exit()来执行退出。...2: 未使用（由 Bash 保留用于内置误用） 3 内部 JavaScript 解析错误：NodeJS 引导过程中的内部 JavaScript 源代码导致解析错误。...这是极其罕见的，通常只能在 NodeJS 本身的开发过程中发生。 5 致命错误：V8 中存在不可恢复的致命错误。通常将打印带有前缀 FATAL ERROR 的消息到标准错误。...6 非函数的内部异常句柄：存在未捕获的异常，但内部致命异常句柄不知何故设置为非函数，无法调用。 7 内部异常句柄运行时失败：存在未捕获的异常，并且内部致命异常句柄函数本身在尝试处理时抛出错误。...大家好，我是〖编程三昧〗的作者隐逸王，我的公众号是『编程三昧』，欢迎关注，希望大家多多指教！你来，怀揣期望，我有墨香相迎！你归，无论得失，唯以余韵相赠！

3.4K1 0

Flutter 视图布局（二）

https://github.com/linxsbox/myapp.git 01 - ListBody 我们先来看看 ListBody 的源码部分这不看都不知道，相比 Row、Column 来说简直是太简单了...cacheExtent 在视图可见区域之外有一个区域（即垂直是上下部分，水平是左右部分），用于缓存滚动即进入可见区域的子类。...进入此缓存区域的子项在即使未在可见视图内也是可见的，即是进入可见区域后就会被布局渲染，cacheExtent 主要是用于描述该区域所延伸的大小。...源码中说到 ListView 有4中设置子元素的方式： List ListView.builder ListView.separated ListView.custom 第一种 List...另外的三种方式就需要我们编码去实现了。

2.9K1 0

【Flutter 专题】130 图解 DraggableScrollableSheet 可手势滑动的菜单栏

StatefulWidget 小组件，通过 FractionallySizedBox 以父 Widget 为基数，可设置宽高比例的容器构建子内容；案例尝试 1. builder ScrollableWidgetBuilder...SizedBox(height: 4), Text('海贼王') ]), onTap: () {}))), ListView.builder...，通过 alignment 设置所在父 widget 的对齐方式； SizedBox.expand(child: _sizedBox()) _sizedBox() => FractionallySizedBox...Alignment.center, child: Container( color: Colors.deepOrange.withOpacity(0.4), child: ListView.builder...---- 案例源码 ---- 和尚对 DraggableScrollableSheet 的手势滑动过程还不够熟悉，之后会对手势进行进一步学习；如有错误，请多多指导！来源：阿策小和尚

1.3K2 0

如何用 fiddler 捕获 https 请求

当浏览器打开时 Fiddler 会自动设置代理，退出的时候它会自动注销代理，这样就不会影响别的程序）。但是，如果要捕获 https 的请求，我们还需要进行一些额外的设置。...若 DO_NOT_TRUST_FiddlerRoot 证书被列入浏览器或其他软件的信任 CA 名单内，则浏览器或其他软件就会认为 HTTPS 会话是可信任的、而不会再弹出“证书错误”警告。...安装完后点击上图中的 “Export Root..” 按钮，将证书下载到桌面。接着将证书导入到浏览器。这里以 chrome 举例，依次选择【设置】->【管理证书..】...细心的你可能会发现，在 https 的请求中夹杂着一些 http 的请求，并且该 session 的 Host 参数是个诡异的 “Tunnel to”，什么鬼？...ps：据说如果要捕获移动端的 https 请求，在手机上也要安装证书，详见 Fiddler学习：捕获HTTPS会话配置。可是我好像没设置也可以捕获，不知何故，待查。

6791 0

谷歌的代码少打了一个 &：Chrome OS 设备成废砖

ChromeOS 的编程错误，这个错误发生在我们当中最优秀的程序员身上谷歌声称，它已修复了Chrome OS中害得用户无法正常使用设备的一个严重bug。...公告称，现已发布新版本91.0.4472.167以解决该问题，但可能需要“几天”才会到所有人的手里。...听起来是由于这个错误，Chrome OS从未对照所存储的密钥正确检查用户密码，因此即使是正确的密码也会返回一条消息：“抱歉，无法验证您的密码。”...Chrome OS共有三个测试渠道：“金丝雀”渠道、“开发”渠道和“beta测试”渠道，代码变更应经过这三个渠道的审查，版本发布之间进行数周的测试。不知何故，这个bug成了这整个过程的漏网之鱼。...这个问题也似乎是单元测试或自动化测试本该发现的问题——无法登录实在太过明显。这个错误标志着本月推出的第二个有缺陷的Chrome OS更新版。

4682 0

如何提高Flutter应用程序的性能

这里有一个误区，有些人认为，将组件拆分为方法可以减少重建，就比如上面的例子，将 _SwitchWidget 组件改变为方法，该方法返回 Switch 组件，这是错误的，此种方式并不能减少重建，但是将一个组件拆分为多个小组件是可以减少重建的...强烈建议：在组件前加上 const 在组件前加上 const ，相当于对此组件进行了缓存，下面是未加 const 的代码： class ConstDemo extends StatefulWidget...如果展示大量数据请使用 ListView.builder 或者 ListView.separated，千万不要直接使用如下方式： ListView( children: [...item,item1,item2,... ], ) 这种方式一次加载所有的组件，没有“懒加载”，消耗极大的性能。...以 AnimatedBuilder 为例，如果 builder 中构建的树中包含与动画无关的组件，将这些无关的组件当作 child 传递到 builder 中比直接在 builder 中构建更加有效。

1.5K1 0

干货 | 携程火车票Flutter最佳实践

且Provider是官方推荐的状态管理方式，具有良好的生态环境及维护团队。...树中自上而下传递，共享的方式。...2.3 Provider的使用方式架构模式图如下： ? 1）创建业务ViewModel，在ViewModel内部存放需要共享的数据。...同时还要考虑，缓存数据的时效性，什么情况下需要删除缓存。...将图片的填充方式设置为BoxFit.Cover或者fillHeight即可；五、Flutter 中常见问题分析及解决方案 5.1 设置State引起的问题 1）错误展示信息： NoSuchMethodError

2.1K3 0

【-Flutter 探索-】AutomaticKeepAliveClientMixin 保持 State 状态

保持 State 状态你可能会发现 ListView 中存在一个 addAutomaticKeepAlives 属性，但是用起来似乎没有什么效果，可能很多人都不知道它的真正作用是什么，这个暂且按下不表...child: ListView.builder( addAutomaticKeepAlives: false, ---- 3....可以看出ListView.builder 中的入参 addAutomaticKeepAlives 是传给 SliverChildBuilderDelegate 的。...---->[ListView#builder]---- ListView.builder({ // 略......我们也可以反过来想一想，如果某个场景围绕着 State 的生命周期有什么固定逻辑，我们也可以仿照这样的方式，使用一个 mixin 为 State 增加某些功能。

2K3 0

机器翻译都 60 年了，谷歌为什么还译不对「卡顿」 (下)

模型 5：修正错误模型 5 获得了更多的学习参数，并解决了单词位置冲突的问题。尽管它们具有革命意义，但基于文字的系统仍然无法处理同音异义的情况，即每个单词都以一种单一的方式被翻译出来。...在两年的时间里，神经网络完全超越了过去 20 年的翻译。它使单词顺序错误减少了 50%、词汇错误减少了 17 %、语法错误减少了 19%。神经网络甚至学会用不同的语言来处理类似同音异意的问题。...不知何故，谷歌并没有升级它，与在线版本相比，这些差异是显而易见的。...不过，目前浏览器中用于网站翻译的谷歌翻译使用的仍是基于短语的算法，不知何故，谷歌并没有在这方面升级它，不过这也让我们能够看出与传统翻译模式的区别。...也就是通过它知道的一种语言，以另一种语言进行阅读以获得经验，再反哺到自己的翻译系统中备用，让我们拭目以待。补充阅读 ?

7591 0

机器翻译都发展60年了，谷歌为什么还把「卡顿」翻译成 Fast (下)

模型5：修正错误模型5 获得了更多的学习参数，并解决了单词位置冲突的问题。尽管它们具有革命意义，但基于文字的系统仍然无法处理同音异义的情况，即每个单词都以一种单一的方式被翻译出来。...在两年的时间里，神经网络完全超越了过去 20 年的翻译。它使单词顺序错误减少了 50%、词汇错误减少了 17 %、语法错误减少了 19%。神经网络甚至学会用不同的语言来处理类似同音异意的问题。...不知何故，谷歌并没有升级它，与在线版本相比，这些差异是显而易见的。...不过，目前浏览器中用于网站翻译的谷歌翻译使用的仍是基于短语的算法，不知何故，谷歌并没有在这方面升级它，不过这也让我们能够看出于传统翻译模式的区别。...也就是通过它知道的一种语言，以另一种语言进行阅读以获得经验，再反哺到自己的翻译系统中备用，让我们拭目以待。补充阅读 ?

7702 0

UITableView在Flutter中是什么？

不过，这种创建方式要求提前将所有子Widget一次性创建好，而不是等到他们真正在屏幕上显示的时候才会创建，所以有一个很明显的缺点，就是性能不好。因此，这种方式仅适用于列表中含有少量元素的场景。...在ListView中，有两种方式支持分割线：一种是，在itemBuilder中，根据index的值动态创建分割线，也就是将分割线视为列表项的一部分；另一种是，使用ListView的另一个构造方法，...第一种方式实际上是试图的结合，之前已经聊了很多了，这里不做过多介绍。接下来，我演示一下如何使用ListView.separated设置分割线。...接下来，我通过一个滚动视差的例子，与你演示CustomScrollView的使用方法。视差滚动是指让多层背景以不同的速度移动，在形成立体滚动效果的同时，还能保证良好的视觉体验。...以一个有着封面头图的列表为例，我们希望封面头图和列表这两层视图的滚动联动起来，当用户滚动列表时，头图会根据用户的滚动手势，进行缩小与展开。

5.5K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭