首页 > 建站教程 > 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),
                      ),
                    )
                  ],
                ))
          ],
        ),
      ),
    );
  }
}