颤动按钮,多余的顶部和底部填充

时间:2019-03-01 06:18:19

标签: flutter flutter-layout

我正在尝试自定义Flutter按钮:

ButtonTheme(
    child: FlatButton(
        child: Text(_text),
        color: _color,
        onPressed: _onPressed,
    ),
    minWidth: 40,
),

但是我无法摆脱多余的顶部和底部填充:

Extra padding

FlatButtonRaisedButtonMaterialButton,它们都有填充。

注意:我还有更多自定义设置,例如填充,文本修剪和边框半径。

2 个答案:

答案 0 :(得分:4)

要删除该填充,请添加-materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,

ButtonTheme(
                            child: FlatButton(
                              materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,  // add this
                              child: Text('Dummy'),
                              color: Colors.blue,
                              onPressed: () {},
                            ),
                            minWidth: 40,
                          ),

答案 1 :(得分:0)

ButtonTheme的填充设置为0,如下所示

    new ButtonTheme(
      padding: new EdgeInsets.all(0.0),
      child: FlatButton(
        child: Text(_text),
        color: _color,
        onPressed: _onPressed,
        ),
      minWidth: 40,
    ),