Flutter 颤振:包裹多个栅格视图

Flutter 颤振:包裹多个栅格视图,flutter,Flutter,对于两个GridView,其中第一个有1个项,第二个有7个项: // GridView 1 GridView.builder( gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2), itemCount: 1, shrinkWrap: true, physics: ScrollPhysics(), padding: const EdgeInsets.

对于两个GridView,其中第一个有1个项,第二个有7个项:

// GridView 1
GridView.builder(
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
      itemCount: 1,
      shrinkWrap: true,
      physics: ScrollPhysics(),
      padding: const EdgeInsets.fromLTRB(10.0, 0, 10.0, 0),
      itemBuilder: (BuildContext context, int index) {
        return Container(...)
      },
  ),
// GridView 2
GridView.builder(
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
      itemCount: 7,
      shrinkWrap: true,
      physics: ScrollPhysics(),
      padding: const EdgeInsets.fromLTRB(10.0, 0, 10.0, 0),
      itemBuilder: (BuildContext context, int index) {
        return Container(...)
      },
  ),
是否可以将它们包装起来,使布局由4个相等的行组成(每行2个项目)?目前,行将包括:1项、2项、2项、2项、1项


我知道可以将列表或地图合并到一个GridView中,但如果您需要两个单独的GridView(即,唯一样式),是否可以执行上述操作?

您可以将这两个项目都保存在列表中

List <dynamic> itemsList = [];
GridView.builder(
      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
          itemCount: itemsList.length,
          shrinkWrap: true,
          physics: ScrollPhysics(),
          padding: const EdgeInsets.fromLTRB(10.0, 0, 10.0, 0),
          itemBuilder: (BuildContext context, int index) {
            return Container(...)
          },
      ),
List itemsList=[];
GridView.builder(
gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount:2),
itemCount:itemsList.length,
收缩膜:对,
物理:物理(),
填充:LTRB(10.0,0,10.0,0)中的常量边集,
itemBuilder:(构建上下文,int索引){
返回容器(…)
},
),

为什么不使用一个
GridView
和4的
crossAxisCount
共享预期的用户界面,并尽量简化您的需求。为什么不使用一个GridView呢。也许这里有人有解决这个问题的办法。@Vickysalankhe他想合并两个看起来像一个的gridview。我知道我可以将地图/列表组合在一起,并在一个gridview中使用它们,我只是想知道上述方法是否可行-类似于在web设计中包装div的方法。