Flutter Listview异常

最新推荐文章于 2024-01-22 15:01:33 发布

原创最新推荐文章于 2024-01-22 15:01:33 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Listview

ListView 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了Flutter中ListView设置shrinkWrap属性为true时遇到的'hasSize'断言失败问题，深入分析了该错误产生的原因及可能的解决方案。

ListView出现

‘package:flutter/src/rendering/box.dart’:
Failed assertion: line 1681 pos 12: 'hasSize’.

Listview设置为 shrinkWrap: true

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

timpm

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Flutter Listview.builder嵌套出现的问题

徐代龙的技术专栏

07-09

3072

场景描述在一个SingleChildScrollView中嵌套ListView出现的情况，里面的ListView可以滑动，但是外面的父view不跟着动，这时候我们需要对ListView的相关属性进行设置。设置 listview设置： ListView.builder( itemBuilder: _buildLeftItem, shrink...

39、Flutter之 ListView组件详解

wywinstonwy的专栏

01-19

1万+

ListView ListView是最常用的可滚动组件之一，它可以沿一个方向线性排布所有子组件，并且它也支持列表项懒加载（在需要时才会创建）。我们看看ListView的默认构造函数定义： ListView({ ... //可滚动widget公共参数 Axis scrollDirection = Axis.vertical, bool reverse = false, ScrollController? controller, bool? primary, ScrollP

参与评论您还未登录，请先登录后发表或查看评论

Flutter ListView添加到Flex下报错

kgdtl的博客

08-15

637

把ListView添加到Flex下报错： ════════ Exception caught by rendering library ═════════════════════════════════ RenderBox was not laid out: RenderViewport#c8fb1 NEEDS-PAINT 'package:flutter/src/rendering/box.dart': Failed assertion: line 1930 pos 12: 'hasSize'

flutter常见报错 hasSize 为什么出现解决办法

jsp13270124的博客

05-15

7546

出现这个hasSize的报错的原因: 当父Widget需要子Widget给出大小的是时候子Widget需要占据尽可能多的地方这个时候父Widget就会不知道怎么排布而报错比如一个Container套一个ListView这样就会报错或者是一个ListView套一个ListView Widget buildMakeMaterial() { return Container( child: ListView.builder( itemCount: _meal.

java.lang.IllegalArgumentException: Failed to evaluate expression ‘ROLE_ADMIN’”错误解决。

dhdhdh0920的专栏

08-30

3179

Security配置文件中：  <sec:intercept-url pattern="/**" access="ROLE_ADMIN" /> 修改为： <sec:intercept-url pattern="/**" access="hasRole('ROLE_ADMIN')" ...

Spring Security权限报错-java.lang.IllegalArgumentException: Failed to evaluate expression ‘ROLE_USER’

BugMaker

06-14

3273

控制台报错：java.lang.IllegalArgumentException: Failed to evaluate expression 'ROLE_USER'

Flutter ListView 或者SingleChildScrollView 嵌套 ListView.builder滑动冲突

ly410726的专栏

09-25

6298

原因 SingleChildScrollView 和 ListView 都有滚动属性physics 他们默认是都是可以滚动的,所以一起使用会报错报错信息为 RenderBox was not laid out: _RenderScrollSemantics#ccded relayoutBoundary=up1 NEEDS-PAINT NEEDS-COMPOSITING...

Flutter的ListVIew获取并动态展示JSON数据

qq_56688614的博客

04-28

2872

插件配置 dio: ^4.0.4 信息获取——netConfig类 import 'dart:io'; import 'package:dio/dio.dart'; class NetConfig{ static String baseurl="http://localhost:8888/articleList/pageview_article"; //接口地址，与后台交互 static getArticle() async {//异步处理 try{ .

flutter 中使用flutter_slidable 实现左滑显示删除、修改菜单，仿微信

初遇你时动了情

01-22

4283

【代码】flutter 中使用flutter_slidable 实现左滑显示删除、修改菜单，仿微信。

flutter listview上拉刷新下拉加载（RefreshIndicator）

qq_36187935的博客

07-19

612

listview 外面包裹一层 RefreshIndicator组件属性：displacement 下拉刷新的距离 onRefresh, //下拉回调方法, 方法需要有async和await关键字，没有await，刷新图标立马消失，没有async，刷新图标不会消失 body: RefreshIndicator( //下拉刷新回调 onRefresh: onRefresh, ...

'package:flutter/src/rendering/shifted_box.dart': Failed assertion: line 321 pos 12: 'child.hasSize'

u013297881的专栏

11-22

5098

可能嵌套的子项 Container 需要加上高度

Failed assertion: line 1681 pos 12: 'hasSize'

yangpancheng的博客

10-25

1万+

内外两个组件都能够滚动，而且外面的这个size跟着内部的变化，就会出问题。玄学问题，热重载一直报错，关掉重新启动问题没了。

Flutter之Listview错误排查

u010844678的专栏

08-22

1090

当页面中需要把Listview嵌套到Column或者Row中的时候，如果直接在children中写Listview，页面是不会显示的这个时候需要将Listview嵌套在一个Container或者SizeBox中指定大小才可以具体代码如下： Container( width: double.infinity, color: Colors.white, child: Colum...

flutter常见问题

1998DmjzZZ瞎bb

03-13

1315

汇总个flutter常见问题 1、 'package:bloc/src/transition.dart': Failed assertion: line 23 pos 16: 'currentState != null': is not true. I/System.out( 1080): #0 _AssertionError._doThrowNew (dart:core-patch/e...

Flutter走过的坑（持续更新）

a50270的博客

02-26

2730

1Target of URI doesn't exist 'package:flutter/material.dart' 官方下载的flutter中有一个example文件夹，里面有很多flutter的小demo，打开其中一个demo，执行运行的指令后，出现该错误。错误原因是没有下载flutter依赖包，就像RN没有执行npm install 一样解决方法：执行flutter...

flutter ListView 和ListView.build

weixin_34077371的博客

11-28

2225

2019独角兽企业重金招聘Python工程师标准>>> ...

Flutter 防止Text内容溢出产生警告（黄色块）

u013095264的博客

11-06

3642

Text内容过多时，屏幕上会出现溢出，即黄色块以下是解决方案 Container( alignment: Alignment.centerLeft, width: px(120), margin: EdgeInsets.only(left: px(50...

Flutter进阶—通用布局控件

最新发布

10-25

### 使用方法 `ListView.builder` 是 Flutter 中用于创建可滚动列表的一个便捷构造函数，它适用于创建大量列表项的场景，因为它只会构建当前可见区域内的列表项，从而提高性能。其构造函数的主要参数如下： - `itemBuilder`：这是一个必需的参数，是一个回调函数，用于构建列表中的每一项。它接收两个参数，`BuildContext` 和 `int` 类型的索引，返回一个 `Widget`。 - `itemCount`：列表项的数量。如果不指定该参数，则列表将被视为无限滚动列表。 - `scrollDirection`：滚动方向，默认为垂直滚动（`Axis.vertical`），也可以设置为水平滚动（`Axis.horizontal`）。 - `padding`：列表的内边距。 ### 示例代码 ```dart import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text('ListView.builder 示例'), ), body: ListView.builder( itemCount: 20, itemBuilder: (BuildContext context, int index) { return ListTile( title: Text('Item $index'), ); }, ), ), ); } } ``` 在上述示例中，创建了一个包含 20 个列表项的垂直滚动列表，每个列表项是一个 `ListTile`，显示当前项的索引。 ### 注意事项 - **性能优化**：`ListView.builder` 本身已经对性能进行了优化，只构建可见区域内的列表项。但如果列表项的构建比较复杂，仍然可能会影响性能。可以考虑使用 `ListView.separated` 来添加分隔线，避免在 `itemBuilder` 中手动添加分隔线。 - **无限滚动列表**：如果不指定 `itemCount`，列表将被视为无限滚动列表。在这种情况下，需要在 `itemBuilder` 中处理索引越界的情况，避免出现异常。 - **滚动方向**：如果设置为水平滚动，需要注意列表项的宽度，避免出现布局问题。