How to change the text color of the button theme in Flutter

Question

If I add a theme to my app like this:

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(),       ),     );   } } 

How do I change the text color for the button theme?

Answer 1

If you use ButtonTextTheme.primary Flutter will automatically select the right color for you.

For example, if you make the buttonColor dark like this

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

The text is automatically light. And if you make the buttonColor light, then the text is dark.

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