Flutter中设ListView的shrinkWrap为ture导致的崩溃

最新推荐文章于 2024-05-29 22:47:24 发布
最新推荐文章于 2024-05-29 22:47:24 发布
阅读量1.9k 收藏
点赞数
分类专栏： Flutter 文章标签： flutter ListView shrinkWrap 崩溃 Column
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaoyp/article/details/120667353
版权
本文探讨了Flutter中ListView的shrinkWrap属性如何影响懒加载，指出当设置为true时可能导致内存溢出。同时，它解释了shrinkWrap在截取ListView全图时的作用，以及在Column中使用时对滚动行为的影响。了解这些细节对于优化Flutter应用性能至关重要。
摘要由CSDN通过智能技术生成

shrinkWrap会使ListView的懒加载失效，全部行都会加载到内存中，如果行数太多，并且每行的图片也大，则会导致内存溢出而崩溃。

如果需要截ListView的全图，可以设shrinkWrap为ture。

如果Column中嵌套ListView，

ListView设置 shrinkWrap 为true，则ListView不能单独滚动了，只有随Column滚动。

gaoyp
关注
专栏目录
Flutter基础篇（二十四）—— ListView
一个写代码的废物
10-24 480
ListView ListView 是最常用的可滚动组件之一，它可以沿一个方向线性排列所有子组件，并且它也支持基于 Sliver 的延迟构造模型。定义： ListView({ ... //可滚动widget公共参数 Axis scrollDirection = Axis.vertical, bool reverse = false, ScrollController con...
Flutter ListView详解
2401_84415615的博客
05-03 1176
/设置滑动方向 Axis.horizontal 水平 默认 Axis.vertical 垂直//内间距//是否倒序显示 默认正序 false 倒序true//false，如果内容不足，则用户无法滚动 而如果[primary]为true，它们总是可以尝试滚动。//确定每一个item的高度 会让item加载更加高效//内容适配//item 数量//滑动类型设置//cacheExtent 设置预加载的区域//滑动监听。
Flutter ListView 不显示的问题
fuweng886的博客
12-09 2332
需要添加属性shrinkWrap: true，不需要设置listview的高度 return ListView.separated( shrinkWrap: true, itemCount: 5, //列表项构造器 itemBuilder: (BuildContext context, int index) { return getListItemForIndex(context, index); }, //分割器构造器 separatorBuilder: (Buil
android listview 懒加载,flutter中如何实现ListView数据懒加载？
weixin_36366711的博客
05-27 462
一般来说通过ScrollController的滚动位置监听来是实现数据的懒加载，以下是懒加载的示例代码：classMyHomeextendsStatefulWidget{@override_MyHomeStatecreateState()=>new_MyHomeState();}class_MyHomeStateextendsState{ScrollControlle...
Flutter 中的 ShrinkWrappingViewPort 小部件：全面指南
最新发布
smileKH的博客
05-29 798
通过使用，您可以控制的滚动位置、监听滚动事件，甚至实现自定义的滚动动画。
Flutter 小技巧之滑动控件即将“抛弃” shrinkWrap 属性
恋猫de小郭的博客
07-18 1983
之所以可以“无限”滑动，就是因为首先有一个固定大小「窗口」， 只有在进入和靠近「窗口」的 Item 才会被布局渲染，从而保证了列表的性能。同样，在 Inspector 的 Widget Tree 里可以看到 400 个 child 都构建完成，尽管他们还远没有在。也保持着「固定」的长度，例如滑动到 160 的 index 的时候，此时开始的。不充满，还可以居中显示的时候，就会采用如上图 3 所示那样，添加一个。其实说完全“抛弃”也不大严谨，从目前官方的规划来看，的时候，在滑动控件内部会采用一个特殊的。
Flutter列表组件ListView
01-20
本篇文章将深入探讨Flutter中的列表组件ListView及其基本使用方法。 首先，我们需要导入必要的库，这通常包括`package:flutter/material.dart`，因为它包含了大部分的基础组件和样式。在示例代码中，可以看到这样的...
flutter html去掉上下边距，不占一行，宽度自适应
weixin_44911775的博客
05-06 638
shrinkWrap: true：宽度是多大就是多大，跟随内容宽度。设置"html"和"body"就是为了去掉上下左右的边距。
Flutter开发 ListView嵌套ListView 无发现显示问题
冬无雪的博客
10-13 1272
ListView嵌套ListView 无发现显示问题 @override Widget build(BuildContext context) { return Scaffold( body: ListView.builder( padding: EdgeInsets.only(top: 0), itemCount: _dataSoure.length, itemBuilder: (BuildCont
Listview和其他滑动控件嵌套使用的坑
BettyLi的博客
07-25 701
RecyclerView和ListView 异同比较： 相同点：都可以实现垂直方向的滚动列表效果；都需要使用适配器（Adapter） 不同点：ListView只能实现垂直滚动列表，但RecyclerView还可以实现水平、多列、跨列等复杂的滚动列表；RecyclerView不但需要Adapter，还必须有LayoutManager，用法更复杂一些。
关于flutter列表的性能优化，你必须要了解的
坚果的博客
11-21 2522
这里是坚果前端小课堂，大家喜欢的话，可以关注我的公众号“坚果前端，”，或者加我好友，获取更多精彩内容 嵌套列表 - ShrinkWrap 与 Slivers 使用 ShrinkWrap 的列表列表 下面是一些使用ListView对象呈现列表列表的代码，内部列表的shrinkWrap值设置为 true。shrinkWrap强行评估整个内部列表，允许它请求有限的高度，而不是通常的ListView对象高度，即无穷大！ 下面是基本的代码结构： ListView( // Setting `shrinkWrap`
学习记录：Flutter中的滑动
weixin_44486516的博客
03-08 4543
1、前言 Flutter 中有两种布局模型：基于 RenderBox 的盒模型布局；基于 Sliver ( RenderSliver ) 按需加载列表布局。 2、具体组件 （1）ListView listview各个构造函数的共同参数 double? itemExtent, Widget? prototypeItem, //列表项原型，后面解释 bool shrinkWrap = false, bool addAutomaticKeepAlives = true, bool a...
关于flutter列表的性能优化，你必须要了解的(1)
2401_84123557的博客
04-06 567
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。
Flutter ListView加载了大量图片导致卡顿或崩溃
androidhyf的博客
03-07 1506
Flutter ListView加载了大量图片导致卡顿或崩溃
Flutter常用组件和属性总结
一杯清泉
06-02 592
1、垂直布局 Column：LinearLayout + vertical 2、水平布局 Row：LinearLayout + horizontal 3、文本输入框 TextField：EditText。 Row直接包裹TextField会发生异常：BoxConstraints forces an infinite width需要使用Flexible或者Expanded包裹，原因是Row默认有多大给你多大，TextField你给我多大我就多大，和Android中matchParent还不太一样.
Flutter SDK 自带的 10 个最有用的 Widget
会煮咖啡的猫咪
10-22 610
Flutter SDK 自带的 10 个最有用的 Widget 前言 在这里我将分享最有用的 Flutter SDK 自带 Widget 原文 https://medium.com/@kaushikidum29/10-most-useful-flutter-widgets-e64e74229a2a 1. Slider 我们使用滑块小部件来更改值。因此，需要将值存储在变量中。这个小部件有一个滑块类，它需要 onChanged ()函数。当我们改变滑块位置时，这个函数将被调用。 示例代码  
Flutter中的ListView.builder 反转填充空白
05-31
Flutter中的ListView.builder可以通过reverse属性将列表反转。如果您想要填充空白，请使用ListView.builder的padding属性。例如，以下代码将创建一个反转的ListView.builder，并在顶部和底部添加各16个像素的空白： ``` ListView.builder( reverse: true, padding: EdgeInsets.symmetric(vertical: 16), itemCount: yourItemList.length, itemBuilder: (BuildContext context, int index) { return YourListItemWidget(yourItemList[index]); }, ); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值