cover

文档

Iconic 包提供了一系列可以轻松集成到您的 Flutter 应用程序中的图标。通过简单的安装过程和直观的使用方法，您可以融入引人注目的图标来增强您应用程序的用户界面。

Iconic 包中的图标由 FreePik 和 Flaticons 设计。这些图标是原创作品，并作为 Iconic 包的一部分提供，以增强您 Flutter 应用程序的视觉吸引力。

要查看包中包含的所有图标，请单击此处

安装

将 Iconic 添加到您的 pubspec.yaml 文件中

dependencies:
  iconic: ^0.0.1

如果您的 IDE 没有自动执行此操作，请运行

flutter pub get

使用方法

在您的 Flutter 文件中导入包，并使用 Icon 来获取实际的图标小部件

import 'package:iconic/iconic.dart';

Icon(Iconic.home);

示例

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Iconic Demo Home Page'),
    );
  }
}

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

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          children: [
            Text(
              'Icons are great!',
            ),
            Row(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Column(
                  children: [
                    Icon(Iconic.heart),
                  ],
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}

GitHub

查看 Github