Flutter遇到的第二个坑——垂直ListView嵌套水平ListView时报错

最新推荐文章于 2023-12-01 11:23:09 发布
原创 最新推荐文章于 2023-12-01 11:23:09 发布 · 5.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在Flutter中使用ListView时遇到的'constraints.hasBoundedHeight':isnottrue错误，并提供了解决方案。通过将ListView嵌套在Container中，可以有效避免此问题，确保列表视图在水平方向上正确显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

'constraints.hasBoundedHeight': is not true.

Listview(

children:

 <Widget>[

ListView(
           physics: NeverScrollableScrollPhysics(),
            scrollDirection: Axis.horizontal,shrinkWrap: true,

)
],

)

以上的形式，依然会报错。

解决方法是

ListView  =>   Container   =>   水平listview

由container约束宽高

Flutter之Listview错误排查
u010844678的专栏
08-22 1062
当页面中需要把Listview嵌套到Column或者Row中的时候，如果直接在children中写Listview， 页面是不会显示的这个时候需要将Listview嵌套在一个Container或者SizeBox中指定大小才可以 具体代码如下： Container( width: double.infinity, color: Colors.white, child: Colum...
Flutter开发(二十三)：ListView垂直和水平滚动
wuqingsen1的博客
11-04 1600
ListView 作为一个常用组件，需要经常联系，下面是垂直滚动： void main() { runApp(MyApp()); } class MyApp extends StatefulWidget { @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyApp> { List<String>
【Flutter】ListView中嵌套ListView
夜雨Gecer的博客
05-07 4325
在开发业务中有很多场景都是，一个竖直排列的ListView里面套用一个水平排列的ListView，但是直接套用会报错，于是在网上搜索各种解决办法，有些文章会提示加一些属性，但是这个直接原因就是水平排列的ListView没有高度，只需要在ListView外边套一个控件撑开高度即可。 ListView.builder( itemBuilder: (BuildContext co...
Flutter开发 ListView嵌套ListView 无发现显示问题
冬无雪的博客
10-13 1467
ListView嵌套ListView 无发现显示问题 @override Widget build(BuildContext context) { return Scaffold( body: ListView.builder( padding: EdgeInsets.only(top: 0), itemCount: _dataSoure.length, itemBuilder: (BuildCont
flutter 基础之垂直列表horizontal list
iCloudEnd的博客
02-13 562
有时，我们需要横向的列表功能，例如我们打算做个轮播图时，一个水平横向的列表就非常有用了。 flutter中的ListView 给我们提供scrollDirection属性，很容易就实现了水平横向列表。 使用方法 ListView( // This next line does the trick. scrollDirection: Axis.hor...
Flutter iOS风格中Widget内容滑到了顶部导航栏后面与其重叠
xhuww的博客
12-13 1430
Flutter在iOS风格 CupertinoApp 中使用导航栏 CupertinoNavigationBar 时，出现了Widget内容滑到了顶部导航栏后面与其重叠的现象。
ScrollView嵌套ListView及ListView嵌套的高度计算方法
01-04
在Android开发中，我们有时会需要使用ScrollView中嵌套ListView的需求。例如：在展示信息的ListView上还有一部分信息展示区域，并且要求这部分信息展示区域在ListView信息比较多的时候也是可以滑动的，而不是固定...
Flutter dialog嵌套ListView
徐代龙的技术专栏
03-29 2451
实现效果如下： 这里主要是实现弹框中的内容，因为不确定个数，又不能限制死宽高，百度了很久，搜了都是给定了一个宽高实现都，索性自己试了又试，终于弄了出来，故特意记录一下，粗略代码如下： 代码： /// /// 功能： /// 描述：运费规则dialog /// crated by xudailong on 2020/3/8. /// class OrderFreightDialog extends...
Flutter中ListView 的使用示例
01-20
在Flutter开发中，ListView是一个非常重要的组件，它用于展示可滚动的列表数据。在这个示例中，我们将讨论如何使用Flutter的ListView与Douban API结合，来显示正在上映的电影列表。以下是一些关键知识点： 1. **...
Flutter Listview.builder嵌套出现的问题
徐代龙的技术专栏
07-09 3048
场景描述 在一个SingleChildScrollView中嵌套ListView出现的情况，里面的ListView可以滑动，但是外面的父view不跟着动，这时候我们需要对ListView的相关属性进行设置。 设置 listview设置： ListView.builder( itemBuilder: _buildLeftItem, shrink...
Flutter 填坑之 ListView.builder 下横向不显示内容
油焖茄子 的博客
05-15 3225
当我们用 ListView.builder 构造函数打造一个横向的 ListView 的时候，代码是这样的： ListView.builder( scrollDirection: Axis.horizontal, itemCount: 3, itemBuilder: _getKeChengItem,...
解决Flutter报错boxconstraints has non-normalized height/width constraints
adojayfan的博客
12-01 1334
BoxConstraints has non-normalized height constraints.The offending constraints were: BoxConstraints(0.0
Flutter Column等容器嵌套ListView报错，由于高度没办法确定
华山论码
10-28 2801
这时，在ListView外面嵌套一个Expanded就可以了，尺寸计算的问题，Expanded就是ListView有多大就有多大可以滚动，也不会报错了，container就是container多大ListView就有多大： new Expanded( child: new ListView( … ) ); ...
Flutter踩坑：ListView布局报错，RenderFlex children have non-zero flex but incoming height constraints are...
热门推荐
王凯旋的博客
10-07 2万+
完整报错信息： RenderFlex children have non-zero flex but incoming height constraints are unbounded. When a column is in a parent that does not provide a finite height constraint, for example if it is in a...
flutter的ListView嵌套ListView会触发easyFresh的刷新怎么办
最新发布
03-20
在 Flutter 中，`ListView` 嵌套可能会导致 `easy_refresh` 插件的下拉刷新功能被误触发。这是因为外层和内层的滚动视图可能同时响应用户的滑动手势[^2]。 为了避免这种情况的发生，可以通过禁用内部 `ListView` 的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值