Flutter button的类
RaisedButton({
Key key,
//点击按钮的回调出发事件
@required VoidCallback onPressed,
//水波纹高亮变化回调
ValueChanged onHighlightChanged,
//按钮的样式(文字颜色、按钮的最小大小,内边距以及shape)[ Used with [ButtonTheme] and [ButtonThemeData] to define a button's base
//colors, and the defaults for the button's minimum size, internal padding,and shape.]
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,
}
code
RaisedButton(
textTheme: ButtonTextTheme.accent,
color: Colors.teal,
highlightColor: Colors.deepPurpleAccent,
splashColor: Colors.deepOrangeAccent,
colorBrightness: Brightness.dark,
elevation: 50.0,
highlightElevation: 100.0,
disabledElevation: 20.0,
onPressed: () {
//TODO
},
child: Text(
'这是按钮',
style: TextStyle(color: Colors.white, fontSize: 40),
),
)
悬浮按钮
FloatingActionButton({
Key key,
// 按钮上的组件,可以是Text、icon, etc.
this.child,
//长按提示
this.tooltip,
// child的颜色(尽在child没有设置颜色时生效)
this.foregroundColor,
//背景色,也就是悬浮按键的颜色
this.backgroundColor,
this.heroTag = const _DefaultHeroTag(),
//阴影长度
this.elevation = 6.0,
//高亮时阴影长度
this.highlightElevation = 12.0,
//按下事件回调
@required this.onPressed,
//是小图标还是大图标
this.mini = false,
//按钮的形状(例如:矩形Border,圆形图标CircleBorder)
this.shape = const CircleBorder(),
this.clipBehavior = Clip.none,
this.materialTapTargetSize,
this.isExtended = false,
})
code
FloatingActionButton(
child: Icon(Icons.access_alarm),
tooltip: "ToolTip",
foregroundColor: Colors.white,
backgroundColor: Colors.deepPurple,
shape: const Border(),
onPressed: () {
//click callback
},
)
Flutter icon 名字地址 https://material.io/resources/icons/?style=baseline