我正在网格视图中添加一个标题。标题是滚动的,但当触摸网格视图时,它不滚动。我想滚动标题和网格视图。我已经使用了SingleChildScrollView
和Expanded
。如何解决请帮助我。
我的代码如下所示
Widget ItemGridview() {
return Container(
color: Colors.white,
padding: EdgeInsets.all(10),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
new Expanded(
child: SingleChildScrollView(
child: Column(
children: <Widget>[
new Text(
'Items of products',
style: TextStyle(fontWeight: FontWeight.w700, fontSize: 18.0),
textAlign: TextAlign.left,
),
GridView.count(
shrinkWrap: true,
primary: true,
padding: EdgeInsets.only(top:15.0),
crossAxisCount: 3,
childAspectRatio: 0.60, //1.0
mainAxisSpacing: 0.2, //1.0
crossAxisSpacing: 4.0, //1.0
children: createCategoryList(),
),
],
),
)
)
]
),
);
}
在我的代码产品项目是标题。
List<Widget> createCategoryList() {
List<Widget> createCategoryList = List<Widget>();
for (int i = 0; i < documents.length; i++) {
createCategoryList
.add(makeGridCell(documents[i].data['title'], "name", 8,documents[i].data['id']));
}
return createCategoryList;
}
Container makeGridCell(String name, String image, int count, String id) {
return Container(
child: new GestureDetector(
onTap: () {
},
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.min,
verticalDirection: VerticalDirection.down,
children: <Widget>[
new Container(
child: Image.asset('assets/' + image + ".jpg"),
),
new Container(
color: Colors.white,
padding: EdgeInsets.only(left: 5),
child: new Text(name,
style: TextStyle(
fontWeight: FontWeight.w500, fontSize: 18.0)),
),
],
),
));
}
createCategoryList()
是小部件中写入的网格中的项目列表。
7条答案
按热度按时间vhipe2zx1#
我有一个类似的小部件树,就像你一样,
gridview.count()
Package 在SingleChildScrollView
中,添加到
GridView.count()
小部件解决了我的问题来源:https://github.com/flutter/flutter/issues/19205
bqf10yzr2#
添加
physics: ScrollPhysics()
属性到网格视图。它将滚动。d4so4syb3#
只需在GridView中添加一些属性
像这样使用
bq9c1y664#
您有一些与小工具滚动相关的问题,您可以使用
Wrap
减少Widgets
的数量,如下所示:将约束宽度或固定宽度添加到项目的Widget:
31moq8wy5#
我认为你需要使用一些自定义滚动视图
s5a0g9ez6#
我自己也遇到过这种情况,将GridView的primary参数更改为false,给予看。
bwitn5fc7#
在Gridview.builder滚动是不工作的小分辨率如平板电脑模式,移动的模式,然后只是 Package 下的listview.builder小部件的Gridview.builder。