如何在Flutter中创建重音按钮？

Question

I'm trying to create a raised 'accent' button in Flutter - that is, with the background the same color as the app's accent theme. Here's my code:

new RaisedButton(
  onPressed: _signInPressed,
  child: new Text('Sign in with Google'),
  color: Theme.of(context).accentColor,
)

Problem is the text color is still black. How do I set the text color to be white like in the AppBar?

Answer 1

There's currently no official way to get accent button. You can make you own though:

class AccentButton extends StatelessWidget {
  final VoidCallback onPressed;
  final Widget child;

  const AccentButton({this.child, this.onPressed, Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);

    return RaisedButton(
      onPressed: onPressed,
      child: child,
      textColor: theme.accentTextTheme.button.color,
      highlightColor: theme.accentColor,
      color: theme.accentColor,
    );
  }
}