Question

我想让我的图像像容器FlatButton的大小

这是我的代码

child: FlatButton(
     child: canRoll
           ? Image.asset( '/images/wRoll.png', fit: BoxFit.contain,)
           : Image.asset('/images/wNoRoll.png',fit: BoxFit.contain,),

是否可以腾出更大空间来放大图片？或响应我的FlatButton？

Answer 1

您可以尝试以下代码：

Container(child: ConstrainedBox(
constraints: BoxConstraints.expand(),
child: FlatButton(
         onPressed: null,
         padding: EdgeInsets.all(0.0),
         child: canRoll ? Image.asset('images/wRoll.png')
                        : Image.asset('images/wNoRoll.png')
       ) //FlatButton
    ) //ConstrainedBox
 ) //Container

将填充设置为零会有所帮助。

Answer 2

我所做的只是添加图像作为装饰，并将FlatButton child设置为null，这看起来很棒。

Container(
   width: widget.squareSize,
   height: widget.squareSize,
   decoration: BoxDecoration(
        image: DecorationImage(
        image: _canRoll
          ? checkRollDiceImage(_mySet)
          : checkNoRollDiceImage(_mySet))),
        child: Tooltip(
           message: 'Roll the dice',
           child: FlatButton(
             child: null,
               onPressed: !_canRoll
                    ? null
                    : () {
                     playDiceRollAudio();

                    },
                 ),
             ))

如何在子图像中包含FlatButton UI？

2 个答案: