Flutter 颤振:包裹多个栅格视图
对于两个GridView,其中第一个有1个项,第二个有7个项: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
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的方法。