Flutter图标管理插件new_flutter_icons的使用

Flutter图标管理插件new_flutter_icons的使用

Customizable Icons for Flutter, Inspired by react-native-vector-icons, based in flutter-icons

包含的图标集

浏览所有图标集。

• AntDesign from AntFinance (298个图标)
• Entypo by Daniel Bruce (v1.0.1 with 411个图标)
• EvilIcons designed by Alexander Madyankin & Roman Shamin (v1.10.1 with 70个图标)
• Feather created by Cole Bemis & Contributors (v4.28.0 featuring 286个图标)
• FontAwesome by Dave Gandy (v4.7.0 containing 675个图标)
• FontAwesome 5 from Fonticons, Inc. (v5.15.3 offering 1598个免费图标)
• FontAwesome 6 designed by Fonticons, Inc. (v6.1.2 featuring 2016个免费图标)
• Fontisto created by Kenan Gündoğan (v3.0.4 featuring 615个图标)
• Foundation by ZURB, Inc. (v3.0 with 283个图标)
• Ionicons crafted by Ionic (v7.1.0 containing 1338个图标)
• MaterialIcons by Google, Inc. (v4.0.0 featuring 2189个图标)
• MaterialCommunityIcons from MaterialDesignIcons.com (v6.5.95 including 6596个图标)
• Octicons designed by Github, Inc. (v16.3.1 with 250个图标)
• Zocial by Sam Collins (v1.4.0 with 100个图标)
• SimpleLineIcons crafted by Sabbir & Contributors (v2.5.5 with 189个图标)
• Weather Icons by erikflowers (v2.0.10, 596个图标)

使用方法

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

组件

IconToggle

示例代码

你可以在项目中添加以下代码：

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

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        useMaterial3: false,
      ),
      home: const MyHomePage(title: 'New Flutter Icons'),
    );
  }
}

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

  final String title;

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

class MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: const Padding(
        padding: EdgeInsets.all(20.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Icon(Icons.ac_unit),
            Icon(AntDesign.stepforward),
            Icon(Ionicons.search),
            Icon(FontAwesome.glass),
            Icon(MaterialIcons.ac_unit),
            Icon(FontAwesome5.address_book),
            Icon(FontAwesome5Solid.address_book),
            Icon(FontAwesome5Brands.$500px),
            Icon(WeatherIcons.wi_alien),
            Icon(WeatherIcons.wi_cloud),
            Icon(WeatherIcons.wi_day_rain)
          ],
        ),
      ),
    );
  }
}