【问题标题】: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?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-13
    • 2022-06-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多