我爱模板网 > 建站教程 > APP开发,混合APP >  Flutter笔记29:IconTheme图标主题正文

Flutter笔记29:IconTheme图标主题

IconTheme图标主题通过data属性的IconThemeData可以对图标进行更加强大的设置,可以在顶层就定义好,这样整个项目的Icon颜色、透明度等风格都能同一,这里进行简单的使用示例:
class MyApp extends StatelessWidget {
  const MyApp({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'IconTheme图标主题',
      home: Scaffold(
        appBar: AppBar(
          title: Text('IconTheme图标主题'),
        ),
        body: Column(
          children: [
            IconTheme(
                data: IconThemeData(
                    color: Colors.green,
                    //透明度
                    opacity: 100),
                child: Row(
                  children: [
                    Icon(
                      Icons.favorite_border,
                      size: 28.0,
                    ),
                    Padding(
                      padding: EdgeInsets.all(20.0),
                      child: Text(
                        '喜欢',
                        style: TextStyle(fontSize: 28.0),
                      ),
                    )
                  ],
                ))
          ],
        ),
      ),
    );
  }
}


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:Flutter笔记28:Icon字体图标 下一篇:Flutter笔记30:本地图片资源加载
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢