Flutter—ListView嵌套ListView不显示的问题

最新推荐文章于 2022-11-17 17:37:57 发布
原创 最新推荐文章于 2022-11-17 17:37:57 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#flutter #listview

在Flutter开发中，遇到ListView嵌套需求时，可通过设置shrinkWrap为true和physics为NeverScrollableScrollPhysics来实现。shrinkWrap属性禁止ListView的item复用，使其高度由Item数量决定，而physics属性控制用户滑动行为，这里设置为不响应滑动。通过这种方式，可以解决原生开发中类似的复杂布局问题。

aaa在App的开发过程中，经常遇到一些需要ListView嵌套ListView的场景，如果是原生开发的话，怎么处理我们应该是再熟悉不过了，但是现在换到Flutter，怎么处理呢？

其实很简单，Flutter都已经为我们准备好了，我们只需要在里层的ListView中设置两个属性即可，即shrinkWrap和physics

那这两个属性代表什么意思呢？

看看官方文档怎么介绍的。

shrinkWrap

我对这个属性的理解是，禁止对ListView的item复用，ListView的高度由Item的数量决定，ListView将具有无限高度。

physics

这个属性很好理解，就是对用户的滑动输入做出何种响应，比如不响应，就是用户不能对ListView进行滑动，我们这次的示例代码就是对physics设置

最低0.47元/天 解锁文章
Flutter List＜Widget＞放在Column中显示不全问题
fearlessnesszhang的博客
02-18 2688
目前有个简单页面的实现，其中放置List<Widget>数据时，显示不全。 目前实现方法： 1. 最上面分为一层 2.input框一层 3.SKU + QTY 为一个层 4.内容列表一层 代码： //最上面 HeadWidget( title: 'Receiving By Single SKU-Scan SKU', text: 'Cancel', onTap: () { // Navigator.of(contex.
Flutter 小技巧之 ListView 和 PageView 的各种花式嵌套
weixin_43740011的博客
06-26 1416
ListView 和 PageView 是两个非常强大的控件，它们的嵌套方式也非常灵活，可以满足各种场景下的需求。但是在嵌套时需要注意一些细节，以免出现问题。希望本文能对大家有所帮助。
android listview嵌套listview,ListView嵌套ListView的一些问题
weixin_35253106的博客
05-27 923
1. 概述这篇文章主要记录下自己在项目中的一个需求，如下图所示：图片.png这个是多家店铺的每个店铺的商品的购物车界面，目前只是还没有对应店铺名称，需要下拉刷新和上拉加载更多，针对于这样的界面，自己采用的是ListView嵌套ListView的，外层的ListView有下拉刷新和上拉加载更多，内层是一个重写 onMeasure()的自定义ListView，但是遇到了2个问题：问题1：嵌套后，...
Flutter开发 ListView嵌套ListView 无发现显示问题
冬无雪的博客
10-13 1520
ListView嵌套ListView 无发现显示问题 @override Widget build(BuildContext context) { return Scaffold( body: ListView.builder( padding: EdgeInsets.only(top: 0), itemCount: _dataSoure.length, itemBuilder: (BuildCont
Flutter ListView嵌套ListView空白显示问题
qq_35857451的博客
06-13 500
在ListView中添加 shrinkWrap: true, //解决无限高度问题 physics: new NeverScrollableScrollPhysics(),`
Flutter开发listview嵌套滑动冲突问题
wayne214的博客
09-09 4118
文章目录背景知识点shrinkWrapphysics完整代码展示(子列表) 背景 最近在使用Flutter进行业务开发，使用fish-redux进行页面开发中使用了ListView的嵌套，在滑动中会导致竖向滑动冲突。 另外还有个问题， listview在使用的时候需要给个高度， 如果需要根据内容显示自适应高度，也需要进行处理，否则就无法展示list列表内容。 知识点 解决以上两个问题主要用到了Flutter组件Listview的两个属性，分别是： ScrollPhysics physics, bool sh
Flutter Listview.builder嵌套出现的问题
徐代龙的技术专栏
07-09 3080
场景描述 在一个SingleChildScrollView中嵌套ListView出现的情况，里面的ListView可以滑动，但是外面的父view不跟着动，这时候我们需要对ListView的相关属性进行设置。 设置 listview设置： ListView.builder( itemBuilder: _buildLeftItem, shrink...
Flutter dialog嵌套ListView
徐代龙的技术专栏
03-29 2484
实现效果如下： 这里主要是实现弹框中的内容，因为不确定个数，又不能限制死宽高，百度了很久，搜了都是给定了一个宽高实现都，索性自己试了又试，终于弄了出来，故特意记录一下，粗略代码如下： 代码： /// /// 功能： /// 描述：运费规则dialog /// crated by xudailong on 2020/3/8. /// class OrderFreightDialog extends...
Flutter中Column嵌套GridView不显示问题解决
weixin_44408818的博客
11-17 1771
【代码】Flutter中Column嵌套GridView不显示问题解决。
flutter listview嵌套listview
渣女园的博客
03-11 449
shrinkWrap: true, //解决无限高度问题 physics:NeverScrollableScrollPhysics(),//禁用滑动事件
Flutter解决ListView嵌套ListView不显示和滑动冲突
Flutter|Android移动开发
09-11 3238
解决方式如下： @override Widget build(BuildContext context) { return Container( child: ListView( children: <Widget>[ _topSearchView(), _listView() ...
Flutter ListView注意问题
菜菜鸟的博客
06-27 2757
1. 嵌套ListView 子级ListWiew需要如下设置，比秒出现问题 ListView( children: <Widget>[ ListView( shrinkWrap: true, //为true可以解决子控件必须设置高度的问题 physics:NeverScrollableScrollPhysics(),//禁用滑动事件 ), ], ) 2. List
【Flutter】ListView中嵌套ListView
夜雨Gecer的博客
05-07 4358
在开发业务中有很多场景都是，一个竖直排列的ListView里面套用一个水平排列的ListView，但是直接套用会报错，于是在网上搜索各种解决办法，有些文章会提示加一些属性，但是这个直接原因就是水平排列的ListView没有高度，只需要在ListView外边套一个控件撑开高度即可。 ListView.builder( itemBuilder: (BuildContext co...
Flutter开发-------ListView嵌套ListView
热门推荐
追逐蓦然
07-24 1万+
ListView嵌套ListView前言实例代码分析 前言 在实际开发中，我们经常碰到ListView中嵌套ListView 实例代码分析 return Scaffold( body: ListView( scrollDirection: Axis.vertical, children: <Widget>[ ...
Flutter ListView嵌套ListView当内部滑到低后继续滑动外部ListView
12-25 3066
flutter 中listview嵌套滑动出现的冲突
Flutter小技巧总结之SingleChildScrollView里面嵌套Column和ListView时候,ListView不显示
fuweng886的博客
12-01 4903
一，问题场景　　 　　shrinkWrap多用于嵌套listView中 内容大小不确定 比如 垂直布局中 先后放入文字 listView （需要Expend包裹否则无法显示无穷大高度 但是需要确定listview高度 shrinkWrap使用内容适配不会有这样的影响） 二，解决办法 　　设置ListView/GridView属性shrinkWrap: true 三，示例 ListView( shrinkWrap: true,//内容适配 children... ) ...
PullToRefreshListView不显示
Eric的博客
09-09 658
在用PullToRefreshListView的时候遇到一个问题，无论如何都显示不出来数据； 我尝试把ListView替换为PullToRefreshListView，其它的代码均未改变，只是添加了PullToRefreshListView.setMode(); 在用的ListView的时候，一切都是好的，但是一改为PullToRefreshListView就出问题，查了好半天找不到原因...
flutter 制作嵌套列表
weixin_44911775的博客
08-09 1008
总列，滑动，嵌套列，列表。
ScrollView与ListView嵌套使用，导致ListView下拉失效
aiqu2133的博客
03-27 198
在一次项目开发中，在Scrollv中嵌套进ListView，当触摸ListView范围下拉时，整个展示页面滑动，而不是ListView内容滑动， 也就是说ListView滑动事件被ScrollView截掉(消费掉)，没有向下子级View下传，而导致ListView无法滑动的效果， listview_list.setOnTouchListener...
Flutter ListView 嵌套GrideView，展示不正常
最新发布
11-29
在Flutter中，ListView和GridView都是滚动Widget，二者嵌套会存在滚动冲突，导致展示不正常，主要有滑动事件冲突和内容显示不全两个问题，解决办法是在ListView和GridView中添加特定属性。 在ListView中添加如下...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值