button - 对齐 appBar 下方的按钮，在 flutter 中没有任何空间

Question

这个问题在这里已经有了答案:





Unwanted space appearing between RaisedButton widgets in a column

(1 个回答)



Flutter: Remove padding in buttons - FlatButton, ElevatedButton, OutlinedButton

(12 个回答)


2年前关闭。




我想对齐 appBar 正下方的按钮，但我得到了这个:

我想删除按钮和 appBar 之间的空间。我怎样才能做到这一点？

这是代码:

Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          'Home',
        ),
      ),
      body: Column(
        children: <Widget>[
          Row(
            children: <Widget>[
              Column(
                children: <Widget>[
                  Container(
                    width: MediaQuery.of(context).size.width*0.5,
                    child: RaisedButton(
                      onPressed: (){},
                      child: Text('SORT'),
                    ),
                  )
                ],
              ),
              Column(
                children: <Widget>[
                  Container(
                    width: MediaQuery.of(context).size.width*0.5,
                    child: RaisedButton(
                      onPressed: (){},
                      child: Text('FILTER'),
                    ),
                  )
                ],
              )
            ],
          ),
        ],
      ),
    );
  }
}

Answer 1

在 RaisedButton 中，添加以下参数:

materialTapTargetSize: MaterialTapTargetSize.shrinkWrap