Удалить заполнение в контейнере Flutter> FlatButton

Question

Я хочу удалить поле по умолчанию для FlatButton, но не могу установить / переопределить его.

Column(children: <Widget>[
      Container(
          children: [
            FractionallySizedBox(
              widthFactor: 0.6,
              child: FlatButton(
                  color: Color(0xFF00A0BE),
                  textColor: Color(0xFFFFFFFF),
                  child: Text('LOGIN', style: TextStyle(letterSpacing: 4.0)),
                  shape: RoundedRectangleBorder(side: BorderSide.none)))),
      Container(
          margin: const EdgeInsets.only(top: 0.0),
          child: FractionallySizedBox(
              widthFactor: 0.6,
              child: FlatButton(
                  color: Color(0xFF00A0BE),
                  textColor: Color(0xFF525252),
                  child: Text('SIGN UP',
                      style: TextStyle(
                          fontFamily: 'Lato',
                          fontSize: 12.0,
                          color: Color(0xFF525252),
                          letterSpacing: 2.0)))))
    ])

IВы сталкивались с такими вещами, как ButtonTheme и даже debugDumpRenderTree(), но не смогли правильно их реализовать.

Answer 1

Предоставлено FlatButton вводит фантомное заполнение на мерзости флаттера.

Если кому-то нужен виджет с событием onPressed без заполнения Флаттера.

Вам следует использовать InkWell

InkWell(
    child: Center(child: Container(Text("SING UP")),
    onTap: () => onPressed()
);

Answer 2

FlatButton(
  padding: EdgeInsets.all(0) 
)

сделал трюк для меня

Answer 3

Для всех тех, кто интересуется, как remove the default padding around the text of a FlatButton, вы можете вместо этого использовать RawMaterialButton и установить ограничения на BoxConstraints () , что сброситминимальная ширина и высота кнопки по умолчанию равны нулю .

RawMaterialButton можно использовать для настройки кнопки, которая не зависит от каких-либо унаследованных тем.Таким образом, мы можем настроить все значения по умолчанию в соответствии с нашими потребностями.

Пример:

RawMaterialButton(
    constraints: BoxConstraints(),
    padding: EdgeInsets.all(5.0), // optional, in order to add additional space around text if needed
    child: Text('Button Text')
)

Пожалуйста, обратитесь к этой документации для дальнейшей настройки.

Answer 4

FlatButton(materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,)