Вы задумывались о том, как работают стандартные иконки во 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

Тот случай, когда реальность круче планов. ✨

Зашел в Flutter Pulse почитать новости, а наткнулся на пост про свой пакет pdf_kit_editor.
Неожиданно? Максимально.
Приятно? Не то слово.

Эффект неожиданности 10/10. Когда твои наработки замечают те, на ком держится комьюнити, понимаешь — бессонные ночи над кодом были не зря. Двигаемся выше! 💎

🔗Ссылка на статью

👣 pdf_kit_editor v0.2.0 уже в строю! 🔥

Ловим свежий апдейт конструктора PDF-шаблонов. Что завез в этот раз?👇

🟨 Баркоды: Теперь поддерживаются разные типы штрих-кодов.

✍️ Стили текста: Наконец-то можно выделять важное жирным или курсивом.

✅ Автономность: Отказался от онлайн-загрузки Google Fonts. Теперь всё летит «из капота» — быстрее и надежнее.

🔸 Полировка: Выпилил лишний код и причесал интерфейс.

🔗Ссылка: ТАП

Method 🆚 Class

При работе с Flutter и попытке оптимизировать код пользовательского интерфейса большинство из нас просто используют вспомогательные методы.

Реми Русселе создатель Riverpod и Provider, однажды сказал:

Классы имеют лучшее поведение по умолчанию. Единственное реальное преимущество методов — это написание немного меньшего количества кода, функционального преимущества нет

Константные классы гораздо более стабильны и компактны.
С вспомогательными методами каждый раз при перерисовке пользовательского интерфейса метод вызывается снова. Таким образом, это своего рода трата ресурсов процессора.

Но с const Flutter выделяет память один раз и просто повторно использует кэшированный экземпляр при следующих рендерингах.