【Flutter】Flutter异常:The following assertion was thrown during performResize()

    今天做网易云音乐某页面使用GridView时,发生下列报错信息:

flutter: The following assertion was thrown during performResize():
flutter: Vertical viewport was given unbounded height.
flutter: Viewports expand in the scrolling direction to fill their container.In this case, a vertical
flutter: viewport was given an unlimited amount of vertical space in which to expand. This situation
flutter: typically happens when a scrollable widget is nested inside another scrollable widget.
flutter: If this widget is always nested in a scrollable widget there is no need to use a viewport because
flutter: there will always be enough vertical space for the children. In this case, consider using a Column
flutter: instead. Otherwise, consider using the "shrinkWrap" property (or a ShrinkWrappingViewport) to size
flutter: the height of the viewport to the sum of the heights of its children.

    这是GridView部分代码:

		GridView(
            padding: EdgeInsets.symmetric(vertical: 20.0),
            children: songWidgets,
            physics: NeverScrollableScrollPhysics(),
            gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                crossAxisCount: 3,
                mainAxisSpacing: 10.0,
                crossAxisSpacing: 15.0,
                childAspectRatio: 5/7
            ),
          ),

    经过观察发现,未添加shrinkWrap属性,该属性表示是否根据子组件的总长度来设置GridView的长度,默认值为false 。默认情况下,GridView的会在滚动方向尽可能多的占用空间。当GridView在一个无边界(滚动方向上)的容器中时,shrinkWrap必须为true。因为这里的GridVIew禁止滚动了,所以需要将shrinkWrap设置为true,或者在外面嵌套一层有尺寸的Container也可以。最后放上效果图:
【Flutter】Flutter异常:The following assertion was thrown during performResize()_第1张图片

你可能感兴趣的:(【Flutter】异常)