material_design_icons_flutter

Material Design 图标包,作为 Flutter 图标集提供。

基于 Material Design Icons 3.6.95。

安装

pubspec.yamldependencies: 部分,添加以下行

  material_design_icons_flutter: 3.2.3695

用法

import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';

class MyWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return new IconButton(
      // Use the MdiIcons class for the IconData
      icon: new Icon(MdiIcons.sword), 
      onPressed: () { print('Using the sword'); }
     );
  }
}

或者,如果你想通过字符串名称访问图标,可以使用 fromString 方法创建一个。

不推荐这样做,因为要使 fromString 工作,我们需要一个包含所有图标名称的映射。使用此方法将无法获得 tree-shaking 的好处。

import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';

class MyWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return new IconButton(
      // Use the string name to access icons.
      icon: new Icon(MdiIcons.fromString('sword')), 
      onPressed: () { print('Using the sword'); }
     );
  }
}

名称转换

有些图标的名称是 Dart(以及大多数其他语言)中的保留关键字,因此名称已被更改。

  • null -> nullIcon
  • switch -> switchIcon
  • sync -> syncIcon
  • factory -> factoryIcon

GitHub

https://github.com/ziofat/material_design_icons_flutter