RaisedButton组件主要用于文本布局。
RaisedButton({
Key key,
@required VoidCallback onPressed,
ValueChanged<bool> onHighlightChanged,
ButtonTextTheme textTheme,
Color textColor,
Color disabledTextColor,
Color color,
Color disabledColor,
Color highlightColor,
Color splashColor,
Brightness colorBrightness,
double elevation,
double highlightElevation,
double disabledElevation,
EdgeInsetsGeometry padding,
ShapeBorder shape,
Clip clipBehavior = Clip.none,
MaterialTapTargetSize materialTapTargetSize,
Duration animationDuration,
Widget child,
})
必填参数,按下按钮时触发的回调,接收一个方法,传null表示按钮禁用,会显示禁用相关样式
textColor: Colors.white,
color: Colors.red,
splashColor: Colors.black,
highlightColor: Colors.green,
3.6.1 一次性设置上下左右的间距
padding: EdgeInsets.all(20),
3.6.2 单独设置
3.6.2.1 上内边距
padding: EdgeInsets.only(top: 30),
3.6.2.2 下内边距
padding: EdgeInsets.only(bottom: 30),
3.6.2.3 左内边距
padding: EdgeInsets.only(left: 30),
3.6.2.4 右内边距
padding: EdgeInsets.only(right: 30),
3.6.3 一次性设置上下左右的间距 左上右下顺序设置
padding: EdgeInsets.fromLTRB(0,30,20,40),
3.7.1 borderRadius:设置圆角
shape: BeveledRectangleBorder(
side: BorderSide(
color: Colors.white,
),
borderRadius: BorderRadius.all(Radius.circular(10))
),
3.7.2 BeveledRectangleBorder:带斜角的长方形边框
shape: BeveledRectangleBorder(
side: BorderSide(
color: Colors.white,
),
borderRadius: BorderRadius.all(Radius.circular(10))
),
3.7.3 CircleBorder:圆形边框
shape: CircleBorder(
side: BorderSide(
color: Colors.white,
),
),
3.7.4 RoundedRectangleBorder:圆角矩形
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10)),
),
3.7.5 StadiumBorder:两端是半圆的边框
shape: StadiumBorder(),
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。