I'm trying to change ElevatedButton text color in elevatedButtonTheme property in theme but cannot change. I know that TextStyle in the child of Text can change the color of Text, but I prefer to define in elevatedButtonTheme.
import 'package:flutter/material.dart'; import 'package:hexcolor/hexcolor.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', home: MyHomePage(title: 'Flutter Demo Home Page with 2.0'), theme: ThemeData( primaryColor: HexColor('#003f71'), accentColor: HexColor('#e09e36'), scaffoldBackgroundColor: HexColor('#003f71'), textTheme: TextTheme(bodyText2: TextStyle(fontSize: 16.0), button: TextStyle(fontSize: 16.0)), elevatedButtonTheme: ElevatedButtonThemeData(style: ElevatedButton.styleFrom(minimumSize: Size(1, 45), primary: HexColor('#e09e36'), textStyle: TextStyle(fontSize: 16.0, color: Colors.black))), ), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { @override Widget build(BuildContext context) { return Scaffold( body: Container( alignment: Alignment.center, margin: const EdgeInsets.all(15.0), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Container( margin: const EdgeInsets.symmetric(vertical: 15.0), child: FractionallySizedBox( alignment: Alignment.center, widthFactor: 1.0, child: ElevatedButton(onPressed: () {}, child: Text('ElevatedButton')), ), ), ], ), ), ); } } https://stackoverflow.com/questions/66756474/how-to-change-elevatedbutton-text-color-in-elevatedbuttontheme March 23, 2021 at 10:33AM

没有评论:
发表评论