在flutter中,按钮组件有以下常用属性:
class HomeContent extends StatelessWidget{ @override Widget build(BuildContext context) { return Column( children: <Widget>[ Row( children: <Widget>[ RaisedButton( child:Text(‘普通按钮‘), onPressed: (){ print("这是一个普通按钮"); }, ), ], ), ], ); } }
上面使用RaisedButton组件实现了一个最简单的按钮,然后,可以在此基础上添加各种样式:
在上面的常用属性中,是没有宽高属性的,因此如果需要人为调整按钮的大小,需要在按钮的外层套一层Container,然后设置这个Container的宽高:
如果需要多次使用按钮,每次都像上面那样写的话,会十分麻烦,因此,可以在按钮组件的基础上进行简单的封装,实现自己的按钮组件:
class MyButton extends StatelessWidget { final text; final pressed; final double width; final double height; const MyButton({this.text=‘‘,this.pressed=null,this.width=80,this.height=30}) ; @override Widget build(BuildContext context) { return Container( height: this.height, width: this.width, child: RaisedButton( child: Text(this.text), onPressed:this.pressed , ), ); } }
原文:https://www.cnblogs.com/yuyujuan/p/11042581.html