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

Flutter笔记12:IconButton图标按钮

IconButton图标按钮,属性和方法详解(由于许多属性和FlatButton等按钮一致,就不多写了,可以参考上一节:)
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'IconButton图标按钮',
      home: Scaffold(
        appBar: AppBar(
          title: Text('IconButton图标按钮'),
        ),
        body: Center(
          child: Container(
            decoration: BoxDecoration(color: Colors.grey),
            width: 200.0,
            height: 200.0,
            child: IconButton(
              //位置(根据父容器决定自己的位置)
              alignment: AlignmentDirectional.centerStart,
              //颜色
              color: Colors.green,
              //大小
              iconSize: 48.0,
              padding: EdgeInsets.all(30),
              //水波纹颜色
              splashColor: Colors.blue,
              tooltip: '图标按钮',
              //图标
              icon: Icon(Icons.print),
              //点击事件
              onPressed: () {}),
          )
        ),
      )
    );
  }
}



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

猜你喜欢