Как изменить цвет текста темы кнопки во флаттере

Если я добавлю тему в свое приложение, как это:

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primaryColor: Color(0xff393e46),
        primaryColorDark: Color(0xff222831),
        accentColor: Color(0xff00adb5),
        backgroundColor: Color(0xffeeeeee),
        buttonTheme: ButtonThemeData(
          buttonColor: Color(0xff00adb5),
        )
      ),
      home: Scaffold(
        body: MyHomePage(),
      ),
    );
  }
}

Как изменить цвет текста для темы кнопки?

Всего 1 ответ


Если вы используете ButtonTextTheme.primary Flutter автоматически выберет правильный цвет для вас.

Например, если вы сделаете buttonColor темной, как это

  ThemeData(
    . . . 
    buttonTheme: ButtonThemeData(
      buttonColor: Colors.deepPurple,     //  <-- dark color
      textTheme: ButtonTextTheme.primary, //  <-- this auto selects the right color
    )
  ),

введите описание изображения здесь

Текст автоматически подсвечивается. А если сделать buttonColor светлой, то текст темный.

  ThemeData(
    . . . 
    buttonTheme: ButtonThemeData(
      buttonColor: Colors.yellow,         //  <-- light color
      textTheme: ButtonTextTheme.primary, //  <-- dark text for light background
    )
  ),

введите описание изображения здесь


Есть идеи?

10000