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

最新推荐文章于 2024-05-29 15:38:22 发布
最新推荐文章于 2024-05-29 15:38:22 发布
阅读量5.3k 收藏 1
点赞数 1
分类专栏： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xingxingleo/article/details/94491284
版权

'constraints.hasBoundedHeight': is not true.

Listview(

children:

 <Widget>[

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

)
],

)

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

解决方法是

ListView  =>   Container   =>   水平listview

由container约束宽高

Leo星星
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Flutter之Listview错误排查
u010844678的专栏
08-22 938
当页面中需要把Listview嵌套到Column或者Row中的时候，如果直接在children中写Listview， 页面是不会显示的这个时候需要将Listview嵌套在一个Container或者SizeBox中指定大小才可以 具体代码如下： Container( width: double.infinity, color: Colors.white, child: Colum...
ScrollView嵌套ListView及ListView嵌套的高度计算方法
01-04
在Android开发中，我们有时会需要使用ScrollView中嵌套ListView的需求。例如：在展示信息的ListView上还有一部分信息展示区域，并且要求这部分信息展示区域在ListView信息比较多的时候也是可以滑动的，而不是固定...
Flutter开发 ListView嵌套ListView 无发现显示问题
冬无雪的博客
10-13 1243
ListView嵌套ListView 无发现显示问题 @override Widget build(BuildContext context) { return Scaffold( body: ListView.builder( padding: EdgeInsets.only(top: 0), itemCount: _dataSoure.length, itemBuilder: (BuildCont
flutter listview包裹里面2个listview解决滑动问题
最新发布
qq_38373150的博客
05-29 160
【代码】flutter listview包裹里面2个listview解决滑动问题。
【Flutter】ListView中嵌套ListView
夜雨Gecer的博客
05-07 4148
在开发业务中有很多场景都是，一个竖直排列的ListView里面套用一个水平排列的ListView，但是直接套用会报错，于是在网上搜索各种解决办法，有些文章会提示加一些属性，但是这个直接原因就是水平排列的ListView没有高度，只需要在ListView外边套一个控件撑开高度即可。 ListView.builder( itemBuilder: (BuildContext co...
Flutter iOS风格中Widget内容滑到了顶部导航栏后面与其重叠
xhuww的博客
12-13 1270
Flutter在iOS风格 CupertinoApp 中使用导航栏 CupertinoNavigationBar 时，出现了Widget内容滑到了顶部导航栏后面与其重叠的现象。
Flutter 布局真经，Android架构师之路
m0_60635245的博客
03-26 986
今天关于面试的分享就到这里，还是那句话，有些东西你不仅要懂，而且要能够很好地表达出来，能够让面试官认可你的理解，例如Handler机制，这个是面试必问之题。有些晦涩的点，或许它只活在面试当中，实际工作当中你压根不会用到它，但是你要知道它是什么东西。最后在这里小编分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。还有。
Flutter中ListView 的使用示例
01-20
在Flutter开发中，ListView是一个非常重要的组件，它用于展示可滚动的列表数据。在这个示例中，我们将讨论如何使用Flutter的ListView与Douban API结合，来显示正在上映的电影列表。以下是一些关键知识点： 1. **...
listView嵌套横向listView
11-14
listView嵌套横向listView，参考http://blog.csdn.net/whitley_gong/article/details/48936689 的代码的，只是希望日后自己方便，希望作者不要介意。谢谢
ScrollingTricks效果 ScrollView嵌套Viewpager嵌套Listview
08-23
一个特效Demo 具体看博客http://blog.csdn.net/liubo20140401/article/details/47907039 一个向上滑动 tab固定顶部 scrollview中嵌套viewpager嵌套listview 还有回到顶部
Flutter-Nested-ListView
05-15
《深入探索Flutter嵌套ListView》 在Flutter框架中，ListView是一种常见的可滚动视图，用于显示一连串数据。然而，当数据结构涉及到层级关系时，普通的ListView就无法满足需求，这时就需要用到Nested ListView...
Flutter Column等容器嵌套ListView报错，由于高度没办法确定
华山论码
10-28 2611
这时，在ListView外面嵌套一个Expanded就可以了，尺寸计算的问题，Expanded就是ListView有多大就有多大可以滚动，也不会报错了，container就是container多大ListView就有多大： new Expanded( child: new ListView( … ) ); ...
Flutter学习笔记六——ListView Widget（二）横向列表
chuyouyinghe的专栏
09-06 1132
ListView Widget横向列表 在上一篇Flutter学习笔记五——ListView Widget中认识了ListView Widget的基本使用，默认情况下是竖向列表,这一篇来了解一下横向列表的使用。 其实ListView实现横向列表，只需要添加ScrollDirection属性。 body: Center( child: Container( height: 200.0, child: ListView(
flutter：listview嵌套的子布局不显示
julystroy的博客
03-22 7313
RenderCustomMultiChildLayoutBox object was given an infinite size during layout. This probably means that it is a render object that tries to be as big as possible, but it was put inside another rende...
flutter listview 水平方向滚动到指定位置
05-27
要让`ListView`在水平方向滚动到指定位置，可以使用`ScrollController`。可以通过创建一个`ScrollController`对象并将其传递给`ListView`的`controller`属性来实现。然后，使用`animateTo`方法来滚动到指定位置。 以下是一个示例代码： ```dart class MyListView extends StatefulWidget { @override _MyListViewState createState() => _MyListViewState(); } class _MyListViewState extends State<MyListView> { final ScrollController _scrollController = ScrollController(); final double _itemExtent = 100.0; final int _itemCount = 20; @override Widget build(BuildContext context) { return ListView.builder( scrollDirection: Axis.horizontal, controller: _scrollController, itemExtent: _itemExtent, itemCount: _itemCount, itemBuilder: (BuildContext context, int index) { return Container( width: _itemExtent, height: _itemExtent, color: Colors.blue, child: Center( child: Text( 'Item $index', style: TextStyle( color: Colors.white, fontSize: 20.0, ), ), ), ); }, ); } void scrollToIndex(int index) { _scrollController.animateTo( index * _itemExtent, duration: Duration(milliseconds: 500), curve: Curves.easeInOut, ); } } ``` 在上面的示例中，我们使用`ScrollController`来实现`scrollToIndex`方法。在此方法中，我们使用`animateTo`方法将`ListView`滚动到指定的位置。注意，我们需要将偏移量乘以`itemExtent`（每个列表项的大小）来得到正确的位置。在实际使用中，我们可以在需要时调用`scrollToIndex`方法。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值