class MyApp extends StatelessWidget { const MyApp({Key key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( title: 'Icon组件', home: Scaffold( appBar: AppBar( title: Text('Icon组件'), ), body: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ //普通图标 Icon( Icons.favorite, size: 30.0, color: Colors.red, ), //图片图标 ImageIcon( AssetImage('assets/images/digg.png'), //这里的颜色会智能修改png图片所呈现的颜色,不设置color,则png是什么颜色,图标就是什么颜色 color: Colors.blue, size: 48.0, ), //图标按钮 IconButton(icon: Icon(Icons.print), onPressed: () => print('点击')), ], ), ), ), ); } }
Flutter笔记27:Icon图标
Flutter图标、图片图标ImageIcon和IconButton图标按钮详解。这里要提一下,ImageIcon非常强大,引入的png图片,无论什么颜色,通过设置color,都能在app呈现出设置的颜色: