Виджет главного экрана Flutter
Adding a Home Screen widget to your Flutter App
AIflutter
official
Другое
Что делает навык
Реализует нативные виджеты домашнего экрана (iOS и Android) для приложения Flutter с использованием пакета home_widget. Обеспечивает обмен данными между средой Dart и нативными платформами через App Groups (iOS) и SharedPreferences (Android), позволяя обновлять текст и рендерить UI Flutter как изображения.
Когда применять
- Добавление виджета на главный экран iOS или Android для отображения информации из приложения
- Синхронизация данных между Dart-кодом и нативными платформами для виджетов
- Рендеринг сложных UI-компонентов Flutter в виде изображений для отображения в нативных виджетах
- Обновление текстового содержимого виджета из основного приложения
Как работает
- Добавить пакет home_widget в проект Flutter с помощью команды flutter pub add home_widget
- Выполнить команду flutter pub get для установки зависимостей
- Запросить у пользователя целевые платформы (iOS/Android) и требуемые возможности виджета (простой текст или сложный UI)
- Настроить обмен данными между Dart и нативными платформами (App Groups для iOS, SharedPreferences для Android)
- Реализовать рендеринг UI Flutter в изображения для отображения в нативных виджетах
Примеры запросов агенту
Добавь виджет домашнего экрана в мой Flutter-проект для iOS и Android
Как реализовать обновление текста в виджете через home_widget?
Нужно отобразить сложный UI из Flutter в нативном виджете на главном экране
Что понадобится
- Наличие предварительно созданного Flutter-проекта
- Настроенные нативные инструменты сборки (Xcode и Android Studio)
- Пакет home_widget
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «flutter-home-screen-widget» из репозитория:
# https://github.com/flutter/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r flutter-home-screen-widget/ ~/.claude/skills/flutter-home-screen-widget/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.