首页 > 建站教程 > APP开发,混合APP >  Flutter笔记28:Icon字体图标正文

Flutter笔记28:Icon字体图标

Flutter的IconData可以自定义字体图标,Flutter的Icons自带的字体图标其实就是封装的IconData。通过在pubspec.yaml引入图标字体,再通过IconData去调用具体的字体代码和字体名称即可实现自定义字体:
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: Column(
          children: [
            Icon(
              //这里的Icons其实就是Material内置的字体图标
              // Icons.favorite,   --------> 等同于 IconData(0xe87d, fontFamily: 'MaterialIcons', matchTextDirection: true)
              IconData(
                  //code
                  0xe87d,
                  //字体,在pubspec.yaml定义
                  fontFamily: 'MaterialIcons',
                  matchTextDirection: true),
            ),
            Icon(
              IconData(
                //code
                61447,
                //字体,在pubspec.yaml定义
                fontFamily: 'FontAwesome',
              ),
              size: 40.0,
            ),
          ],
        ),
      ),
    );
  }
}