如何在单个页面中显示网格视图和其他视图

时间:2018-12-11 10:36:46

标签: flutter flutter-layout

如何在同一页面中添加网格视图和其他视图?
我尝试使用listview,但显示错误

  

I / flutter(10293):引发了另一个异常:   'package:flutter / src / rendering / sliver_multi_box_adaptor.dart':失败   断言:461行pos 12:'child.hasSize':不正确。我/扑   (10293):引发了另一个异常:NoSuchMethodError:吸气剂   在null上调用了“ scrollOffsetCorrection”。 I /颤振(10293):   引发了另一个异常:NoSuchMethodError:方法   在null上调用了'debugAssertIsValid'。 I / flutter(10293):另一个   引发异常:NoSuchMethodError:吸气剂“可见”为   调用为空

  body:ListView(
      children: <Widget>[
        Text("checking"),
        Container(
        child: GridView.count(
          crossAxisCount: 3,
          childAspectRatio: .6,
          children: _list.map((p) => ProductManagment(p)).toList(),
        ),
      ) 
      ],
    )

另一种尝试

  body:ListView(
      children: <Widget>[
        Text("checking"),
         GridView.count(
          crossAxisCount: 3,
          childAspectRatio: .6,
          children: _list.map((p) => ProductManagment(p)).toList(),
        ) 
      ],
    )
再次错误

  

I / flutter(10293):引发了另一个异常:未布置RenderBox:RenderCustomPaint#f955c relayoutBoundary = up6 NEEDS-PAINT   I / flutter(10293):引发了另一个异常:未布置RenderBox:RenderRepaintBoundary#a9147 relayoutBoundary = up5 NEEDS-PAINT   I / flutter(10293):引发了另一个异常:未布置RenderBox:RenderRepaintBoundary#4a4c9 relayoutBoundary = up4 NEEDS-PAINT   I / flutter(10293):引发了另一个异常:'package:flutter / src / rendering / sliver_multi_box_adaptor.dart':失败的断言:461行pos 12:'child.hasSize':不正确。   I / flutter(10293):引发了另一个异常:NoSuchMethodError:在null上调用了getter'scrollOffsetCorrection'。   I / flutter(10293):引发了另一个异常:NoSuchMethodError:在null上调用了方法'debugAssertIsValid'。   I / flutter(10293):引发了另一个异常:NoSuchMethodError:在null上调用了getter'visible'。

1 个答案:

答案 0 :(得分:2)

我认为您应该只设置Container的高度或通过Expanded小部件变形。并告诉会发生什么?可能因为缺少大小而导致了方式错误。

已编辑:

 body:ListView(
      children: <Widget>[
        Text("checking"),
        Container(
        height: 300.0
        child: GridView.count(
          crossAxisCount: 3,
          childAspectRatio: .6,
          children: _list.map((p) => ProductManagment(p)).toList(),
        ),
      ) 
      ],
    )

设置高度:300.0在容器中。 (您可以根据需要设置高度/宽度,或尝试使用 Expanded 小部件)