Как добавить цвет фона к кнопке во Flutter: методы и примеры

Чтобы добавить цвет фона к кнопке во Flutter, вы можете использовать различные методы. Вот несколько вариантов:

  1. Виджет-контейнер: оберните виджет-кнопку виджетом-контейнером и установите для свойства цвета контейнера желаемый цвет фона.
Container(
  color: Colors.blue, // Replace with your desired background color
  child: ElevatedButton(
    onPressed: () {
      // Button onPressed code here
    },
    child: Text('Button'),
  ),
)
  1. BoxDecoration: используйте класс BoxDecoration, чтобы определить цвет фона для кнопки. Этот метод полезен, если вы хотите применить к кнопке более сложные параметры стиля.
DecoratedBox(
  decoration: BoxDecoration(
    color: Colors.blue, // Replace with your desired background color
  ),
  child: ElevatedButton(
    onPressed: () {
      // Button onPressed code here
    },
    child: Text('Button'),
  ),
)
  1. ButtonStyle: используйте класс ButtonStyle, чтобы настроить внешний вид кнопки, включая цвет фона.
ElevatedButton(
  onPressed: () {
    // Button onPressed code here
  },
  style: ButtonStyle(
    backgroundColor: MaterialStateProperty.all<Color>(Colors.blue), // Replace with your desired background color
  ),
  child: Text('Button'),
)

Вот некоторые методы, которые вы можете использовать, чтобы добавить цвет фона к кнопке во Flutter. Не забудьте заменить Colors.blueжелаемым цветом фона по вашему выбору.