我爱模板网 > 建站教程 > APP开发,混合APP >  Flutter笔记12:IconButton图标按钮正文

Flutter笔记12:IconButton图标按钮

IconButton图标按钮,属性和方法详解(由于许多属性和FlatButton等按钮一致,就不多写了,可以参考上一节:)
01class MyApp extends StatelessWidget {
02  @override
03  Widget build(BuildContext context) {
04    return MaterialApp(
05      title: 'IconButton图标按钮',
06      home: Scaffold(
07        appBar: AppBar(
08          title: Text('IconButton图标按钮'),
09        ),
10        body: Center(
11          child: Container(
12            decoration: BoxDecoration(color: Colors.grey),
13            width: 200.0,
14            height: 200.0,
15            child: IconButton(
16              //位置(根据父容器决定自己的位置)
17              alignment: AlignmentDirectional.centerStart,
18              //颜色
19              color: Colors.green,
20              //大小
21              iconSize: 48.0,
22              padding: EdgeInsets.all(30),
23              //水波纹颜色
24              splashColor: Colors.blue,
25              tooltip: '图标按钮',
26              //图标
27              icon: Icon(Icons.print),
28              //点击事件
29              onPressed: () {}),
30          )
31        ),
32      )
33    );
34  }
35}



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:Flutter笔记11:FlatButton扁平化按钮 下一篇:Flutter笔记13:OutlineButton线框按钮
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢