用于图标显示的组件。可指定图标资源、大小、颜色。非常简单，但是非常用

相关组件

ImageIcon IconButton AnimatedIcon

用于显示一个图标

【入参】 :图标数据 【IconData】
【size】 : 大小 【double】
【color】: 颜色 【Color】
image.png

  1. import 'package:flutter/material.dart';
  2. class CustomIcon extends StatelessWidget {
  3.   @override
  4.   Widget build(BuildContext context) {
  5.     return Wrap(
  6.       crossAxisAlignment: WrapCrossAlignment.center,
  7.       children: <Widget>[
  8.         Icon(
  9.           Icons.send,
  10.           color: Colors.orange,
  11.           size: 60,
  12.         ),
  13.         Icon(
  14.           Icons.android,
  15.           color: Colors.green,
  16.           size: 100,
  17.         ),
  18.       ],
  19.     );
  20.   }
  21. }

使用自定义图标

可在iconfont网站中下载图标字体进行使用
image.png

import 'package:flutter/material.dart';
import '../../../../app/style/TolyIcon.dart';
class MyIcon extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Wrap(
      spacing: 20,
      crossAxisAlignment: WrapCrossAlignment.center,
      children: [
        TolyIcon.icon_search,
        TolyIcon.icon_star,
        TolyIcon.icon_layout,
        TolyIcon.icon_star_ok
      ]
          .map((e) => Icon(
        e,
        color: Colors.green,
        size: 60,
      ))
          .toList(),
    );
  }
}