开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

shrinkWrap在ListView.builder中做什么？

在ListView.builder中，shrinkWrap是一个布尔值属性，用于指定ListView是否应根据其内容的大小调整自身的大小。

当shrinkWrap为true时，ListView会根据其内容的大小来调整自身的大小，使得ListView的大小与其内容的大小保持一致。这意味着ListView会尽可能小地包裹其内容，不会超出其内容的范围。

当shrinkWrap为false时，ListView会根据其父容器的约束条件来确定自身的大小，而不考虑其内容的大小。这意味着ListView会尽可能地填满可用空间，可能会超出其内容的范围。

在ListView.builder中使用shrinkWrap属性时，如果列表的内容高度是固定的，可以将shrinkWrap属性设置为true，以避免ListView多余的滚动区域，提高性能和内存效率。但如果列表的内容高度不固定或者需要使用ListView的滚动功能，则应将shrinkWrap属性设置为false。

腾讯云相关产品推荐：

云服务器（CVM）：腾讯云的弹性计算服务，提供可扩展的云服务器实例。了解更多：云服务器（CVM）
对象存储（COS）：腾讯云的海量、安全、低成本的云存储服务。了解更多：对象存储（COS）
人工智能（AI）：腾讯云的人工智能服务，包括语音识别、图像识别、机器学习等。了解更多：人工智能（AI）

请注意，以上仅为腾讯云的部分相关产品，并不代表其他品牌商的替代产品。

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

有帮助

没帮助

相关·内容

flutter中对列表的性能优化

嵌套列表 - ShrinkWrap 与 Slivers 使用 ShrinkWrap 的列表列表下面是一些使用ListView对象呈现列表列表的代码，内部列表的shrinkWrap值设置为 true。...shrinkWrap: true, ), ListView.builder( itemCount: list2Children.length, itemBuilder...shrinkWrap: true, ), ... ], ) “注意：观察外部ListView没有将其shrinkWrap 值设置为true。...只有内部列表需要设置shrinkWrap。...” “另请注意：虽然ListView.builder（默认情况下）有效地构建其子项，为您节省构建屏幕外小部件的不必要成本，但设置 shrinkWrap为true覆盖此默认行为！

3.5K0 0

Horizontal viewport was given unbounded height.width.

在写纵向或横向的布局的时候，一不小心就会遇到这个异常，宽度或高度溢出，导致widget不显示。...new Divider(); return getRow(position); }), ], ), Column中只有一个...: true 给ListView的shrinkWrap属性设置为true shrinkWrap: true在android中有点像wrap_content的意思。...所以还是不行解决办法三：Flexible Flexible是flutter中的一个弹性布局，相当于android中的LinearLayout。...所以，我们用Flexible把ListView包裹起来即可 Flexible( child: new ListView.builder(

1.1K1 0

Flutter ListView 列表控件

Flutter中的ListView与Android中的ListView具有同等功能。...ScrollPhysics physics, EdgeInsetsGeometry padding, //ListView各个构造函数的共同参数 double itemExtent, bool shrinkWrap...shrinkWrap 是否根据子组件的总高度来设置ListView的高度，默认为false 。当ListView在一个无边界(滚动方向上)的容器中时，shrinkWrap必须为true。...addRepaintBoundaries 是否将列表项（子控件）包裹在RepaintBoundary组件中，包含之后可以避免列表项重绘。...下面看一下ListView.builder的核心参数列表： ListView.builder({ // ListView公共参数已省略 ...

3K2 0

Flutter跨平台移动端开发丨SingleChildScrollView、ListView......

指定 itemExtent 的值比让子元素决定自身长度在绘制时更高效，特别是在滚动位置频繁变化的状态下，因为设置 itemExtent 可以让滚动系统提前知道列表的长度。...addAutomaticKeepAlives：表示是否将列表项包裹在 AutomaticKeepAlive widget 中。（在懒加载时，如果设置了包裹那么在此列表项滑出屏幕外时不会被GC。...（当选择将列表项包裹在 RepaintBoundary 时，在滚动过程中可以避免重绘，如果此列表项需要自己维护 KeepAlive 状态，那么此参数需为 false） addSemanticIndexes...（在懒加载时，如果设置了包裹那么在此列表项滑出屏幕外时不会被GC。...（当选择将列表项包裹在 RepaintBoundary 时，在滚动过程中可以避免重绘，如果此列表项需要自己维护 KeepAlive 状态，那么此参数需为 false） addSemanticIndexes

8.7K5 1

ListView&GirdView

在本篇文章中，我们会进一步对Flutter中常用的Widget进行介绍，有印象的童鞋可能还记得，在前面的文章中我们分享了Row和Colunm的用法，我们也使用这两个Widget完成了一些类似列表的操作，...好的吧，我们还是来看下这两个Widget的用法吧 ListView ---- ListView就是我们常见的列表组件，在平时的应用开发中十分的常见，无论你做的是什么类型的应用都会多多少少会用到ListView...那么，我们可以尝试下ListView.builder（）和ListView.custom（）。...我们今天来看下ListView.builder（） ListView.builder({ Key key, Axis scrollDirection: Axis.vertical, bool reverse...在itemBuilder中返回指定的的Listitem到ListItemWidget对象中，返回指定的ListItemWidget对象。

1.7K2 0

洪灾、山火、暴雪，在VRAR中我们能为环保做什么？

在纪录片《最后一次攀登》（The Last Ascent）中，Will Gadd和他的团队探索了周围的冰柱，又一次攀登了乞力马扎罗山峰。这次，他攀的是梅斯纳尔路线，这条路线自80年代以来仅攀登过一次。...在攀登过程中，Gadd明显感觉到了与之前攀登时的区别，由于冰川融化，大量冰块流失，他已不能继续攀登。 AR中的气候变化，或许比现实更有效 ?...视频中的AR互动，给你更多反思《最后一次攀登》是全球首个可以在AR同步的视频体验，其AR技术由计算机视觉公司Eye candylab开发，在影片中增加了互动和沉浸式体验来增强主旨的感染力。 ?...在点开动画后，动画效果会充满整个屏幕，并列举出冰雪融化的数量，还会有小鱼在周围游来游去。 ?...在如今的生活中随处可见保护环境的宣传标语，校园里也有关于保护环境的专业部门，但是，这似乎已经变成了一种形式，就像我们整天说要保护环境，减少污染，事实却是车辆购买率持续升高，环境污染日渐严重。 ?

6691 0

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

和尚发现在长期未登陆小米应用市场时，再次登陆会有可滑动的半屏底部菜单，供用户方便下载和推广；而在 Flutter 中这个半屏底部菜单并不是一个简单的 BottomSheet 完成的，可以通过 DraggableScrollableSheet...FractionallySizedBox 以父 Widget 为基数，可设置宽高比例的容器构建子内容；案例尝试 1. builder ScrollableWidgetBuilder 构造器作为必选字段，用于在...DraggableScrollableSheet 中显示可滑动的子内容；其中返回内容需为可滑动的 ScrollableWidget，例如 ListView / GridView / SingleChildScrollView...( physics: NeverScrollableScrollPhysics(), shrinkWrap: true, itemCount:...小扩展之前在分析 DraggableScrollableSheet 时其源码采用了 FractionallySizedBox 比例容器，和尚简单了解一下，其源码非常简单，通过设置 heightFactor

1.3K2 0

【Flutter 专题】55 日常小问题小结 (二)

尝试一：在 pub.dev 中找到问题的插件，根据更新列表逐个低版本尝试，注意需要替换成固定版本(无 ^)，直到正常使用版本，虽然靠谱但是可能尝试次数很多； ?...(和尚测试可能与逐个排查的版本不一致)；在 pubspec.yaml 中替换这个安全版本即可，注意：any 只是用来辅助查找安全版本，在实际项目中不建议用，可能会出现适配问题； ?...尝试一：和尚根据错误提示将弹窗位置调整到 didChangeDependencies 和 build 中且异步尝试，同样失败，提示需要父类组件构建成功之后才可以构建子组件； ?...的 shrinkWrap=true 即可；shrinkWrap 可以设置 ListView 只占用所需要的空间； Widget _listItemWid(values) { return Center...( child: ListView.builder( shrinkWrap: true, scrollDirection: Axis.horizontal

1.2K3 1

Flutter开发-可滚动组件

在ListView中，指定itemExtent比让子组件自己决定自身长度会更高效，这是因为指定itemExtent后，滚动系统可以提前知道列表的长度，而无需每次构建子组件时都去再计算一下，尤其是在滚动位置频繁变化时...当ListView在一个无边界(滚动方向上)的容器中时，shrinkWrap必须为true。...addAutomaticKeepAlives：该属性表示是否将列表项（子组件）包裹在AutomaticKeepAlive 组件中；典型地，在一个懒加载列表中，如果将列表项包裹在AutomaticKeepAlive...中，在该列表项滑出视口时它也不会被GC（垃圾回收），它会使用KeepAliveNotification来保存其状态。...在itemBuilder中，如果显示到最后一个时，判断是否需要继续获取数据，然后返回一个Icon。

4.5K2 0

Flutter ListView和GridView嵌套

], ); } } ListView Widget _getListView(HotSongSheetsState state, Dispatch dispatch){ return ListView.builder...( shrinkWrap: true, //解决无线高度问题 physics: new NeverScrollableScrollPhysics(), //禁用滑动事件 itemBuilder...GridView Widget _gridView(HotSongSheetsState state, Dispatch dispatch) { return GridView.builder( shrinkWrap

3K2 0

【Flutter 专题】123 图解简易 GroupList 二级分类列表

；其中注意，在 ACECheckbox 点击回调时应注意更改一级实体 Bean 中 isChecked 状态； return Scaffold( appBar: AppBar(title: Text...二级列表当点击一级列表 item 时，展现二级列表；而实际上只是在一级 item 中添加一个新的列表数据，仅视觉效果上是展开二级列表；当再次点击一级列表 item 时把新加的二级列表替换为空的...数据动态添加和尚预期的目标是，首次数据只展示一级列表数据，再点击一级列表 item 时才会请求二级列表数据，并动态添加到数据列表中；这样的优势便是减少数据请求，简化数据格式；和尚默认在分组五...中不设置二级列表数据，在点击时动态添加； return InkWell( child: Column(children: [ Divider(height: 0.5...ListView 中设置 primary: false & shrinkWrap: true 等即可； _widget = ListView.builder( primary: false,

1.7K3 1

Flutter | 滚动组件，ListView，GridVIew等

IOS 平台会自动切换为 CupertinoScrollbar ViewPort 视口在很多布局中都有 ViewPort 的概念，在 Flutter 中，术语 ViewPort (视口) ，如无特别说明...其实此属性的本质上是决定可滚动组件的初始滚动位置是在头还是在尾，如 false 时，初始位置在头，反之则在尾 primary：指是否使用 widget 树中默认的 PrimaryScrollController...当 ListView 在一个无边界(滚动方向上)的容器中时， shrinkWrap 必须为 true addAutomaticKeepAlives：该属性表示是否将列表项（子组件）包裹在 AutomaticKeepAlive...组件中；典型的，在一个懒加载的列表中，如果将列表包裹在 AutomaticKeepAlive 中，在改了吧划出视口时，他也不会被 GC 回收(垃圾回收)，他会使用 KeepAliveNotification..._retrieveIcons() 方法中模拟异步然后获取数据，成功后将数据保存，然后调用 setState 重新构建在 itemBuilder 中，如果是最后一个，并且小于200 则加载数据，大于 200

8.5K2 0

flutter 中监听滑动事件

Flutter 中可以使用 Listener widget 来监听原始触摸事件，它也是一个功能性 widget。...listview 外面包裹一层 RefreshIndicator，然后在 RefreshIndicator 里面实现 onRefresh 方法。...scrollController.position.maxScrollExtent) { // do something } }); RefreshIndicator( onRefresh: _refresh, // 下拉刷新 child: ListView.builder...( padding: EdgeInsets.only(bottom: Adapt.px(40)), shrinkWrap: true, controller: _scrollController...scrollExtent; loadMore(); // 加载更多数据 } } lastDownY = position; }, child: new ListView.builder

3.5K3 0

Flutter AnimatedList 源码分析

所以我们直接点开源码看吧，在 AnimatedList 类中的第一句话是： Creates a scrolling container that animates items when they are...创建一个滚动容器，在插入或删除项目时为其设置动画。...= Axis.vertical, this.reverse = false, this.controller, this.primary, this.physics, this.shrinkWrap...itemIndexToIndex(itemIndex), animation); } @override Widget build(BuildContext context) { return ListView.builder...因为我们插入的 widget 肯定也是原有的widget，所以在写AnimatedList 时就已经写好了。接下来就是判断添加的动画是否存在。

5372 0

Postgre中FDW能做什么?

FDW是外部数据包装器，早在2003年SQL标准中添加一个访问远程数据的规范，这个称为SQL外部数据管理。...PostgreSQL从9.1版本已经开发出了FDW.在PostgreSQL中配置安装后，就可以访问远程服务器上的外部表了，比如有2个远程服务器(1个Postgres和1个Mysql)，FDW可以做到Postgres...目前Postgres官方维护了postgres_fdw和file_fdw,这些fdw的扩展位于postgres源码目录的contrib中....基于PG有这个功能，如果想要数据融合，很容易在PG上实现，只要开发对应的FDW功能即可。

1.5K2 0

在vue中如何使用中央事件总线？vue是做什么的？

那么在vue中如何使用中央事件总线？一起来看看下文是如何介绍的。在vue中如何使用中央事件总线？...首先可以在项目中创建一个js文件，这里举例说明为bus.js，然后可引入vue并创建出一个vue实例，导出实例后即可；随后在需要通信的两个组件之中分别引入bus.js；通过vue实例方法就可以发送事件名称和需要传递的数据...vue是做什么的？ vue实际上就是一款比较流行的前端框架，可以为web开发得到更好的组织与简化的作用。...上文中为大家介绍了在vue中如何使用中央事件总线的相关问题，希望能够给各位前端及开发人士提供参考。...实际上，在开发项目中并不是每一个都需要在vue中使用中央事件总线，只有当数据和业务逻辑极为复杂的情况下我们才会采用这种方式，写出来的代码也比较简洁、直观。

2.8K2 0

【Flutter 专题】131 图解 AnimatedList 动画列表

和尚在使用列表加载数据项时，为了提高用户浏览体验，在增加删除 Item 项时适当增加一点小动画，于是和尚通过 AnimatedList 简单尝试一下； AnimatedList 源码分析 const...this.primary, // 是否与父级滚动关联 this.physics, // 滚动如何响应用户操作 this.shrinkWrap...List；通过 AnimatedListState 用于动态的增加或删除 Item；提供了 itemBuilder & initialItemCount 与 ListView.builder 方式类似...2. reverse & primary & physics AnimatedList 与 ListView.builder 方式基本一致，但需要注意的是，不管是 ListView 还是 AnimatedList...默认都是会填充整个布局，在设置 reverse 时会发现是从屏幕最底部作为起始位的； reverse: true, ?

1K5 0

《Flutter》-- 6.高级组件

6.1.1 Scrollable组件在Flutter中，一个可滚动的组件直接或间接包含一个Scrollable组件，它是可滚动组件的基础组件。...在实际使用过程中，Flutter提供了SliverList、SliverGrid等可滚动组件的Sliver版本。...6.2.2 ListView.builder 使用ListView.builder创建的列表是基于Sliver的延迟加载创建的，渲染性能比较高，适合用于列表元素比较多的情况。...ListView.builder( ......6.5.2 自绘组件在Flutter中创建自绘组件需要用到CustomPaint和CustomPainter两个类：CustomPaint在绘制阶段提供一个Canvas，即画布；CustomPainter

10.6K2 0

flutter系列之:flutter中常用的ListView layout详解

之前我们在讲解GirdView的时候有提到过，GirdView中还有一个自定义的属性叫做gridDelegate，这个gridDelegate是一个SliverGridDelegate的实例，用来控制子组件在...physics, bool shrinkWrap = false, EdgeInsetsGeometry?...如果child比较多的情况下，就需要使用到其他的构造函数了,比如 ListView.builder。...在ListView的实际使用过程中，为了页面好看或者更有区分度，我们一般会在list的item中添加一些分隔符separator,为了自动化实现这个功能，ListView提供了一个ListView.separated...我们使用的是ListView.builder构造函数，返回的Widget中，中的widget个数是5，每个item是由itemBuilder来生成的。

7322 0

python中np是做什么的

在python中，“np”一般是指“numpy”库，是第三方库“numpy”的别名。方法：利用命令“import numpy as np”将numpy库取别名为“np”。...演示： import numpy as np arr = np.array([1, 2, 3]) print(arr) 结果是： [1 2 3] 知识点扩展： Python中NumPy基础使用 ndarray...后者可以复制其他数组的形状 zeros、zeros_like 类似上面，全0 empty、empty_like 创建新数组、只分配空间 eye、identity 创建对角线为1的对角矩阵到此这篇关于python中np...是做什么的的文章就介绍到这了,更多相关python中的np是什么内容请搜索ZaLou.Cn以前的文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn！

2.5K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭