每日tips:ElevatedButton使用指南

用户1974410

发布于 2022-09-20 16:52:08

5410

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

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 属性:

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