Flutter RaisedButton Widget使用详解

RaisedButton是一个常用的Material Design风格的按钮,它可以显示在页面上并响应用户的交互。

下面是RaisedButton Widget的一些常用属性:

  • child:设置按钮上显示的文本或图标。
  • color:设置按钮的背景色。
  • textColor:设置按钮文本的颜色。
  • disabledColor:设置按钮禁用时的背景色。
  • disabledTextColor:设置按钮禁用时的文本颜色。
  • onPressed:设置按钮的点击事件回调函数。

下面是一个使用RaisedButton Widget的示例:

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return RaisedButton(
      child: Text('Click Me'),
      color: Colors.blue,
      textColor: Colors.white,
      onPressed: () {
        // 按钮点击事件回调函数
        print('Button Clicked!');
      },
    );
  }
}

在这个示例中,我们创建了一个RaisedButton Widget,并设置了它的文本、背景色、文本颜色和点击事件回调函数。当用户点击按钮时,控制台将输出“Button Clicked!”。

除了这些常用属性之外,RaisedButton Widget还提供了许多其他属性,例如padding、elevation、shape等,可以用来自定义按钮的外观和行为。

powered by Gitbook© 2023 编外计划 | 最后修改: 2023-11-24 03:37:00

results matching ""

    No results matching ""