每日tips:ElevatedButton使用指南

ElevatedButton 用来替代老得 RaisedButton widget。它的API和之前相比有了一些变化，下面是使用例子:

代码语言：javascript复制

ElevatedButton(
  style: ElevatedButton.styleFrom(
    primary: Colors.black, // background (button) color
    onPrimary: Colors.white, // foreground (text) color
  ),
  onPressed: () => print('pressed'),
  child: const Text('Add to Cart'),
)

如果是想在app里使用和之前 ElevatedButton一样的style?

我们只需要设置 MaterialApp 的 ThemeData.elevatedButtonTheme 属性:

代码语言：javascript复制

MaterialApp(
  theme: ThemeData(
    elevatedButtonTheme: ElevatedButtonThemeData(
      style: ElevatedButton.styleFrom(
        primary: Colors.black, // background (button) color
        onPrimary: Colors.white, // foreground (text) color
      ),
    ),
  ),
)

❝Note: 有许多属性都可以自定义的. 可以查看ButtonStyle的文档获取更多信息。 ❞

Happy coding!

少年别走，交个朋友～

api app coding widget

0 人点赞