Flutter 修复 FlatButton 中不同图片大小相同的问题答案

【问题标题】：Flutter fix the same size with defferent images in FlatButtonFlutter 修复 FlatButton 中不同图片大小相同的问题
【发布时间】：2019-06-14 16:06:39
【问题描述】：

我想在平面按钮中修复图像的大小。我有不同大小的图像，然后在 Listview 中，我添加了带有背景的 FlatButton 是图像。我尝试使用 ClipRRect 但还没有。代码在这里

child: ListView(
          scrollDirection: Axis.horizontal,
          children: <Widget>[
              child: FlatButton(
                child: Image.asset('assets/images/taixiu.png', scale: 1.25),
                onPressed: () {
                  Navigator.pushNamed(context, '/sicbo-game');
                },
              ),
              child: FlatButton(
                child: Image.asset('assets/images/poker.png', scale: 1.25),
                onPressed: () {
                  Navigator.pushNamed(context, '/sicbo-game');
                },
              ),
              child: FlatButton(
                child: Image.asset('assets/images/baucua.png', scale: 1.75),
                onPressed: () {
                  Navigator.pushNamed(context, '/sicbo-game');
                },
              ),
              child: FlatButton(
                child: Image.asset('assets/images/cangua.png', scale: 7.0),
                onPressed: () {
                  Navigator.pushNamed(context, '/sicbo-game');
                },
              ),
              child: FlatButton(
                child: Image.asset('assets/images/taixiu.png', scale: 1.25),
                onPressed: () {
                  Navigator.pushNamed(context, '/sicbo-game');
                },
              ),
            )
          ],
        ),

【问题讨论】：

标签： android listview dart flutter

【解决方案1】：

我会这样做的方式是这样设置按钮子项-

Container(
 width: 200.0
 height: 200.0,
 decoration: BoxDecoration(
   image: DecorationImage(
   image: AssetImage('myimagepath'),
   repeat: ImageRepeat.repeat,
   fit: BoxFit.none,
   ),
 ),
)

我只使用具有您想要的给定宽度和高度的容器并将图像作为背景，而不是图像本身。

【讨论】：

谢谢你们@Snirjka
那么我怎样才能修复listview只点击Button，而不点击list child？