Английский | Китайский (упрощённый)

flutter_icons

Пользовательские иконки для Flutter, вдохновленные react-native-vector-icons

Уведомление

1. v1.0.0 имеет значительные изменения в API, будьте осторожны при обновлении
2. имена иконок, начинающиеся с цифры, имеют префикс $
3. имена иконок, совпадающие с ключевыми словами Dart, имеют суффикс _

Встроенные наборы иконок

Обзор всех.

• AntDesign от AntFinance (297 иконок)
• Entypo от Daniel Bruce (411 иконок)
• EvilIcons от Alexander Madyankin & Roman Shamin (v1.10.1, 70 иконок)
• Feather от Cole Bemis & Contributors (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 & Contributors (v2.4.1, 189 иконок)
• Weather Icons от erikflowers (v2.0.10, 596 иконок)## Использование Чтобы использовать этот плагин, добавьте flutter_icons как зависимость в вашем pubspec.yaml файле.

Виджет

IconToggle| Проп | Описание |

| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | selectedIconData | Иконка отображается, когда значение равно true | | unselectedIconData | Иконка отображается, когда значение равно false | | activeColor | Цвет иконки, когда значение равно true | | inactiveColor | Цвет иконки, когда значение равно false | | value | Определяет, выбрана ли эта иконка IconToggle. | | onChanged | Вызывается, когда значение IconToggle должно измениться. | | duration | Продолжительность перехода от выбранной иконки к невыбранной иконке | | reverseDuration | Продолжительность перехода от невыбранной иконки к выбранной иконке | | transitionBuilder | Функция анимации перехода между выбранной и невыбранной иконкой |

Пример

// Импорт пакета
import 'package:flutter_icons/flutter_icons.dart';
import 'package:flutter/material.dart';

// Используется версия bk 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)
```// С версии 1.1.0 предоставляется класс FlutterIcons для доступа ко всем иконкам
// Имя иконки включает сокращение названия набора иконок в качестве суффикса
// Далее указываются следующие сокращения:
// Ant Design Icons -> ant,
// Entypo Icons -> ent,
// Evil Icons -> evi,
// Feather Icons -> fea,
// Font Awesome Icons -> faw,
// Font Awesome 5 Regular -> faw5,
// Font Awesome 5 Solid -> faw5s,
// Font Awesome 5 Brands -> faw5b,
// Foundation Icons -> fou,
// Ionicons Icons -> ion,
// Material Community Icons -> mco,
// Material Icons -> mdi,
// Octicons Icons -> oct,
// Simple Line Icons -> sli,
// Zocial Icons -> zoc,
// Weather Icons -> wea
Icon(FlutterIcons.stepforward_ant)
Icon(FlutterIcons.html5_faw)
...// Для предыдущих версий 1.0.0 используется
Icon(Ionicons.getIconData("ios-search"));
Icon(AntDesign.getIconData("stepforward"));
Icon(FontAwesome.getIconData("glass"));
Icon(MaterialIcons.getIconData("ac-unit"));
Icon(FontAwesome5.getIconData("address-book"));
Icon(FontAwesome5.getIconData("address-book", weight: IconWeight.Solid));
Icon(FontAwesome5.getIconData("500px", weight: IconWeight.Brand));

Как оставить только используемые шрифты в проекте.

Шаг 1

Выполните команду pub global activate split_icon

Шаг 2

Добавьте шрифт, который вы хотите оставить в проекте, в файл pubspec проекта

// Ant Design Icons -> ant,
// Entypo Icons -> ent,
// Evil Icons -> evi,
// Feather Icons -> fea,
// Font Awesome Icons -> faw,
// Font Awesome 5 Regular -> faw5
// Font Awesome 5 Solid -> faw5s
// Font Awesome 5 Brands -> faw5b
// Foundation Icons -> fou,
// Ionicons Icons -> ion,
// Material Community Icons -> mco,
// Material Icons -> mdi,
// Octicons Icons -> oct,
// Simple Line Icons -> sli,
// Zocial Icons -> zoc,
// Weather Icons -> wea
...
flutter_icons:
  includes:
    - ant
    - mco
    ...

Шаг 3

Выполните команду в директории проекта split_icon