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等,可以用来自定义按钮的外观和行为。