Вы задумывались о том, как работают стандартные иконки во Flutter?

В своих проектах всегда юзал пакет flutter_svg для векторной графики. И даже не думал, как обстоят дела со стандартным классом IconData.
Это шрифты!

Для чего это нужно⁉️ Этот подход имеет один большой плюс:
Шрифты иконок занимают заметно меньше места в памяти в сравнении с отдельными SVG файлами, а также они менее ресурсоемки. Также, как и с SVG, можно манипулировать размерами и цветами таких иконок прямо в коде.

Когда их не надо использовать⁉️ Если вам нужна более сложная векторная графика с градиентом цветов и с множеством слоев и деталей, то лучше использовать SVG - ведь этот подходит включает в себя полноценный язык разметки и умеет создавать более сложную графику.

Как мне добавить иконки-шрифты в проект также, как это сделали разработчики фреймворка⁉️ Для этого есть специальные инструменты. К примеру, вы можете загрузить свои SVG иконки на этот сайт, и скачать уже готовый Dart файл с нужным кодом и файлом с шрифтами (не забудьте указать путь до файла с шрифтами в pubspec.yaml). Если возникли проблемы с отображением иконок, то попробуйте для начала переконвертировать линии в своем SVG в заливки, это упростит ваши иконки.

Немного про аргументы класса ⚙️IconData

⚙️ codePoint – это целочисленное значение (int), которое представляет символ в наборе шрифтов. Оно указывает на конкретную иконку в шрифтовом файле.
⚙️ fontFamily - cтрока (String), указывающая на семейство шрифтов, из которого иконка будет браться.
⚙️ fontPackage - cтрока (String), указывающая пакет, в котором содержится семейство шрифтов.
⚙️ matchTextDirection - bool значение, указывающее, следует ли изменять направление отображения иконки в зависимости от направления текста (полезно, когда используете иконку с текстом, и надо поменять направление текста внутри иконки, к примеру, когда пользователь переключается на арабский язык, где текст читается справа налево.

📹Можете посмотреть этот ролик на ютубе.

⚙️Чуток про установку Flutter на MacOS🍏 (Intel)

Возникла проблема с путями когда следовал стандартной документации установки Flutter на MacOS (ССЫЛКА).

Простое решение при написании путей к библиотеке Flutter в терминале пишем след:

sudo nano /etc/paths

далее в окне прописываем путь к нашему Flutter в моем случае это так:

/Users/uzhan/development/flutter/bin

Далее сохраняем перезапускаем ⚙️терминал и все).

@fullter_dev #решение #macos

⚙️ Я нашел несколько UI библиотек пользуемся:

🔗 ТУТ - shadcn_ui
🔗 ТУТ - modular_ui
🔗 ТУТ - fluent_ui
🔗 ТУТ - macos_ui

@fullter_dev #tool