🛠 Как создавать и использовать Кастомные Виджеты
Слой 1+2: Решение и Логика
Кастомные виджеты нужны, когда стандартных элементов FlutterFlow не хватает (например, сложный календарь, обрезка аватара или специфический плеер).
Как это работает:
- Объявление: В разделе
Custom Functions→Custom Widgetsсоздайте новый виджет. - Параметры: Определите
Width,Heightи входные данные (например,imagePathилиinitialValue). - Код: Вставьте код на Dart. FlutterFlow автоматически импортирует нужные пакеты, но если вам нужны внешние зависимости, их нужно прописать в
Pubspec Dependencies.
Примеры использования из базы:
- Аудиоплеер: Позволяет гибко управлять воспроизведением там, где стандартный плеер слишком громоздкий.
- Обрезка изображений: Интеграция библиотеки для подготовки аватарок перед загрузкой в Firebase/Supabase.
Передача путей
При передаче изображений часто возникает путаница между
ImagePathиString. В кастомных виджетах лучше приниматьStringи преобразовывать его внутри черезNetworkImage.
Слой 3: Источники (Proven Roots)
- 📄 Код: Аудиоплеер — готовый шаблон для музыкальных приложений.
- 📄 Кейс: Обрезка изображения для аватаров.md — решение проблемы с нестандартными размерами фото.
- 📄 Справочник: Кастомные виджеты.md — базовые принципы и частые ошибки импорта.