我正在尝试构建一个BottomSheet,其中不同的表情符号、图像和gifs 显示在gridview 中。为此,我使用了带有 SliverPadding 和 SliverGrid 的 CustomScrollView 小部件。我的问题是,我无法调整网格中图像和 gif 的大小。可以使用 fontSize 属性轻松调整表情符号的大小。
到目前为止,这是我的代码:
CustomScrollView(
physics: NeverScrollableScrollPhysics(),
primary: false,
slivers: <Widget>[
SliverPadding(
padding: const EdgeInsets.only(top: 40.0),
sliver: SliverGrid.count(
crossAxisSpacing: 50.0,
crossAxisCount: 3,
children: <Widget>[
GestureDetector(
child: const Text('', textAlign: TextAlign.center, style: TextStyle(fontSize: 30.0)),
onTap: (){
postLike(widget.list[widget.index].reference, widget.currentUser, "like");
Navigator.pop(context);
},
),
GestureDetector(
child: const Text('', textAlign: TextAlign.center, style: TextStyle(fontSize: 30.0)),
onTap: (){
postLike(widget.list[widget.index].reference, widget.currentUser, "laugh");
Navigator.pop(context);
},
),
GestureDetector(
child: const Text('', textAlign: TextAlign.center, style: TextStyle(fontSize: 30.0)),
onTap: (){
postLike(widget.list[widget.index].reference, widget.currentUser, "surprised");
Navigator.pop(context);
},
),
GestureDetector(
child: const Text('', textAlign: TextAlign.center, style: TextStyle(fontSize: 30.0)),
onTap: (){
postLike(widget.list[widget.index].reference, widget.currentUser, "hot");
Navigator.pop(context);
},
),
GestureDetector(
child: const Text('', textAlign: TextAlign.center, style: TextStyle(fontSize: 30.0)),
onTap: (){
postLike(widget.list[widget.index].reference, widget.currentUser, "thumbsUp");
Navigator.pop(context);
},
),
GestureDetector(
child: const Text('', textAlign: TextAlign.center, style: TextStyle(fontSize: 30.0)),
onTap: (){
postLike(widget.list[widget.index].reference, widget.currentUser, "nice");
Navigator.pop(context);
},
),
GestureDetector(
child: SizedBox(
height: 20,
width: 20,
child: Image.asset('assets/kiss.gif', height: 20, width: 20, fit: BoxFit.fill)),
onTap: (){
postLike(widget.list[widget.index].reference, widget.currentUser, "nice");
Navigator.pop(context);
},
),
],
),
),
],
)
这是它现在的样子(吻嘴实际上在移动):
正如你所看到的吻太多了,但我无法调整它的大小。无论是使用高度和宽度还是将其包装在 SizedBox 中,都没有任何效果。
有任何想法吗?
此致。