Flutter图标修复插件flutter_icons_fix的使用

Flutter图标修复插件flutter_icons_fix的使用

flutter_icons

为Flutter定制的图标库，灵感来源于react-native-vector-icons。

包含的图标集

您可以浏览所有图标集：浏览所有。

• AntDesign 由 AntFinance 提供（297个图标）
• Entypo 由 Daniel Bruce 提供（411个图标）
• EvilIcons 由 Alexander Madyankin & Roman Shamin 提供（v1.10.1, 70个图标）
• Feather 由 Cole Bemis & 贡献者 提供（v4.7.0, 266个图标）
• FontAwesome 由 Dave Gandy 提供（v4.7.0, 675个图标）
• FontAwesome 5 由 Fonticons, Inc. 提供（v5.7.0, 1500个图标（免费））
• Foundation 由 ZURB, Inc. 提供（v3.0, 283个图标）
• Ionicons 由 Ben Sperry 提供（v4.2.4, 696个图标）
• MaterialIcons 由 Google, Inc. 提供（v3.0.1, 932个图标）
• MaterialCommunityIcons 由 MaterialDesignIcons.com 提供（v4.0.96, 4416个图标）
• Octicons 由 Github, Inc. 提供（v8.0.0, 177个图标）
• Zocial 由 Sam Collins 提供（v1.0, 100个图标）
• SimpleLineIcons 由 Sabbir & 贡献者 提供（v2.4.1, 189个图标）
• Weather Icons 由 erikflowers 提供（v2.0.10, 596个图标）

使用方法

要使用此插件，请在您的pubspec.yaml文件中添加flutter_icons_fix作为依赖项。

小部件

IconToggle

示例

// 导入包
import 'package:flutter_icons_fix/flutter_icons_fix.dart';
import 'package:flutter/material.dart';

// 1.0.0 版本使用的图标
Icon(AntDesign.stepforward),
Icon(Ionicons.ios_search),
Icon(FontAwesome.glass),
Icon(MaterialIcons.ac_unit),
Icon(FontAwesome5.address_book),
Icon(FontAwesome5Solid.address_book),
Icon(FontAwesome5Brands.$500px)

完整示例代码

import 'package:flutter/material.dart';
import 'package:flutter_icons_fix/flutter_icons_fix.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // 这个小部件是你的应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // 这是你的应用的主题。
        //
        // 试着运行你的应用，你会看到应用有一个蓝色工具栏。然后，不退出应用，将下面的主色调更改为Colors.green并重新加载。
        // 注意计数器并没有重置回零；应用程序并没有重启。
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Icons Fix'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    // 每次调用setState方法时，此方法都会重新运行。
    //
    // Flutter框架已经优化了重新构建的方法，因此你可以只更新需要更新的部分，而不是逐一更改小部件实例。
    return Scaffold(
      appBar: AppBar(
        // 这里我们取自MyHomePage对象的值，该对象由App.build方法创建，并将其用于设置我们的应用栏标题。
        title: Text(widget.title),
      ),
      body: Padding(
        padding: const EdgeInsets.all(20.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Icon(AntDesign.stepforward),
            Icon(Ionicons.ios_search),
            Icon(FontAwesome.glass),
            Icon(MaterialIcons.ac_unit),
            Icon(FontAwesome5.address_book),
            Icon(FontAwesome5Solid.address_book),
            Icon(FontAwesome5Brands.$500px),
            Icon(FlutterIcons.$500px_ent),
            Icon(FlutterIcons.$500px_faw5d),
            Icon(WeatherIcons.wi_alien),
            Icon(WeatherIcons.wi_cloud),
            Icon(WeatherIcons.wi_day_rain)
          ],
        ),
      ),
    );
  }
}