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笔记29:IconTheme图标主题
IconTheme图标主题通过data属性的IconThemeData可以对图标进行更加强大的设置,可以在顶层就定义好,这样整个项目的Icon颜色、透明度等风格都能同一,这里进行简单的使用示例: