Установите цвет FloatingActionButton во Flutter

Чтобы установить цвет Flutter FloatingActionButton, вы можете использовать следующие методы:

  1. Использование свойства backgroundColor: вы можете напрямую установить цвет фона FloatingActionButton, присвоив значение цвета свойству backgroundColor.
  2. /ol>
    FloatingActionButton(
      backgroundColor: Colors.blue,
      onPressed: () {
        // Handle button press
      },
      child: Icon(Icons.add),
    )
    1. Использование Container: оберните FloatingActionButton виджетом Container и задайте цвет контейнера с помощью свойства color.
    Container(
      decoration: BoxDecoration(
        color: Colors.blue,
        shape: BoxShape.circle,
      ),
      child: FloatingActionButton(
        onPressed: () {
          // Handle button press
        },
        child: Icon(Icons.add),
      ),
    )
    1. Использование Темы. Вы можете установить цвет фона по умолчанию для всех виджетов FloatingActionButton в вашем приложении, используя виджет Themeи настроив floatingActionButtonThemeсобственность.
    Theme(
      data: ThemeData(
        floatingActionButtonTheme: FloatingActionButtonThemeData(
          backgroundColor: Colors.blue,
        ),
      ),
      child: FloatingActionButton(
        onPressed: () {
          // Handle button press
        },
        child: Icon(Icons.add),
      ),
    )