Выровняйте кнопки под appBar без пробелов

Я хочу выровнять кнопки чуть ниже 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'),
                    ),
                  )
                ],
              )
            ],
          ),
        ],
      ),
    );
  }
}

person Himanshu Sharma    schedule 15.01.2020    source источник


Ответы (2)


Внутри RaisedButton добавьте этот аргумент:

materialTapTargetSize: MaterialTapTargetSize.shrinkWrap

person Abbas    schedule 15.01.2020

Используйте виджет Align parent:

appBar: AppBar(
   title: Align(
      alignment: Alignment.center
      Text(
          'Home',
          ),
      ),
),
person hosein moradi    schedule 15.01.2020