flutterlistview，flutterlistview左右侧滑

Flutter中Column嵌套ListView报错处理方案

1、错误1：Vertical viewport was given unbounded height.设置 shrinkWrap = true ListView 或 GridView 时发现有两个属性。

2、当ListView、GridView作为Wrap、Column等组件的子组件时，若外部没有设置高度，则会产生此报错。解决放案：为ListView、GridView设置属性 shrinkWrap： true，刷新后，报错消失，但是发现其只可内部滚动。至此，需求达成。

3、可以通过添加一个标志位来解决，如下：在 Web 中加载网络图片有时会失败，遇到这样的报错： Exception caught by image resource service... ，造成该错误的原因通常是，图片跨域了（见 跨域资源共享 ）。

4、设置属性：这种情况一般是作为child的ListView没有指定大小，尺寸被默认为0，可在外层包裹Container，并给Container设置width或者height，或包裹其它可设置尺寸的widget。

5、注释 ：Flutter Incorrect use of ParentDataWidget 问题原因：Expanded、Flexible等组件，在“Container、Padding、Stack”组件中导致的。解决方案：保持： Expanded、Flexible 只在 Row、Column 等组件内，不在其他组件内使用。

相关问答

Q1: Flutter中ListView无法显示的问题

这种情况一般是作为child的ListView没有指定大小，尺寸被默认为0，可在外层包裹Container，并给Container设置width或者height，或包裹其它可设置尺寸的widget。

错误1：Vertical viewport was given unbounded height.设置 shrinkWrap = true ListView 或 GridView 时发现有两个属性。

第一个是添加图片，点击添加图片把图片放到List里面，然后setState刷新，结果发现页面没变化，触碰添加图片Item，就会多出一个添加图片Item。根据Flutter基于不可变数据的原理，我们直接把List换一个引用，创建一个新的List。

Flutter 中所有的 list 默认都是没有 ScrollBar 的，必须使用 ScrollBar 组件。ScrollBar 组件通过监听 ScrollView 的 ScrollNotification 来刷新位置，所以 List 的长度必须是固定的。

也就是Widget会被重建，重建时原有的状态不会自动恢复，里面的文字自然就消失了，解决方法是把flutterlistviewitem封装成一个StatefulWidget，然后用AutomaticKeepAliveClientMixin来保证TextField不会被回收。

Q2: Flutter:手把手教你使用滚动型列表组件:ListView

1、要实现上图的界面，直接想到是ListView添加Header。

2、SliverGridDelegate 是一个抽象类，定义了GridView Layout相关接口，子类需要通过实现它们来实现具体的布局算法。

3、当ListView、GridView作为Wrap、Column等组件的子组件时，若外部没有设置高度，则会产生此报错。解决放案：为ListView、GridView设置属性 shrinkWrap： true，刷新后，报错消失，但是发现其只可内部滚动。至此，需求达成。

4、里面嵌套listView 或者listview里面嵌套listview的时候就容易出现 hasSize的错误 解决方法一：listview 外面添加一个container，并且给定一个指定的高度。

Q3: 25.Flutter的ListView监听滚动事件之ScrollController

1、ScrollController 在Flutter中，Widget并不是最终渲染到屏幕上的元素（真正渲染的是RenderObject），因此通常这种监听事件以及相关的信息并不能直接从Widget中获取，而是必须通过对应的Widget的Controller来实现。

2、用于记录解决NestedScrollView与ListView共用时当ListView滑动时，NestedScrollView不跟着滑动的问题。

3、里面嵌套listView 或者listview里面嵌套listview的时候就容易出现 hasSize的错误 解决方法一：listview 外面添加一个container，并且给定一个指定的高度。

4、那么使用 SingleChildScrollView 将会非常昂贵（性能差），此时应该使用一些支持Sliver延迟加载的可滚动组件，如 ListView 。

5、shrinkWrap 常用于内容大小不确定情况，如果滚动视图( ListView/GridView/ScrollView 等)没有收缩包装，则滚动视图将扩展到允许的最大大小。

6、GridView可以构建一个二维网格列表 默认构造函数如下：我们可以看到，GridView和ListView的大多数参数都是相同的，它们的含义也都相同的。

Q4: Flutter_ListView左滑出现删除按钮

如同iOS原生ListView的删除风格，列表项左滑，右侧出现删除按钮。这里用了2个dart文件，实现这个功能。（1） left_slide_actions.dart文件。（2）main.dart文件。

UITbableView作为列表展示信息，除了展示的功能，有时会用到删除的功能，比如购物车，视频收藏等。删除功能可以直接使用系统自带的删除功能，当横向向左轻扫cell时，右侧出现红色的删除按钮，点击删除当前cell。

问题出在系统适配上，左滑按钮事件，在iOS11系统中，是以UISwipeActionsConfiguration这个类来表示的 那么，把它设置为NO，就好了。

向左向右滑动，需要给每个listview的item单独的加上很多代码来控制显示和隐藏文字，更容易出现bug。长按删除这一操作，是从android系统推出以来就有的功能，便于用户操作，积累了操作习惯。

在全局配置文件 app.json 中引入：在需要使用 Slideview 的页面 page.json 中引入组件：WXML 文件中引用 slideview：JS 文件中需要配置左滑的按钮 slideButtons：这样即引用了 Slideveiw 组件。

步骤二：点击“X”符号接下来，我们只需要点击想要删除的应用图标右上角的“X”符号即可。此时，系统会弹出一个确认删除的提示框，需要我们再次确认是否要删除该应用。如果确认删除，则点击“删除”按钮即可。

关于flutterlistview和flutterlistview左右侧滑的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。