Flutter按钮组件(Button)

Flutter按钮组件(Button)

常用的按钮组件有3个:RaisedButton、FlatButton、OutlineButton,另外,酷客教程Flutter 按钮组件介绍了一款CupertinoButton,希望你能找到适合自己的那一款。

这3个按钮的说明参如表所示:
Flutter按钮组件(Button)

默认的效果如图所示:
Flutter按钮组件(Button)

按钮组件常用的属性参见表所示:
Flutter按钮组件(Button)

按钮组件基础用法如下:

RaisedButton(
      onPressed: (){print('onPressed');},
      child: Text('RaisedButton'),
    ),
    FlatButton(
      onPressed: () {},
      child: Text('FlatButton'),
    ),
    OutlineButton(
      onPressed: () {},
      child: Text('OutlineButton'),
    ),

带图标的按钮写法如下:

RaisedButton.icon(
    onPressed: () {},
    icon: Icon(Icons.access_alarm),
    label: Text('label')
)

酷客网相关文章:

赞(0)

评论 抢沙发

评论前必须登录!