flutter-theming-apps
Настраивает визуальное оформление приложения Flutter через систему тем. Используйте при определении глобальных стилей, цветов или типографики.
AIflutter
official
Разработка
★ 3k
Что делает навык
Настраивает визуальное оформление приложения Flutter через систему тем, применяя строгую иерархию стилей от глобальных до локальных. Позволяет определять глобальные темы и переопределять их для отдельных веток виджетов, избегая устаревших свойств.
Когда применять
- Определение глобальных стилей приложения через ThemeData в MaterialApp
- Переопределение тем для конкретных веток виджетов с помощью Theme.of(context).copyWith(...)
- Миграция кода с устаревших свойств ThemeData на актуальные (Material 3)
- Обеспечение согласованности цветовой схемы и типографики во всем приложении
Как работает
- Определите глобальные темы, используя свойство theme класса MaterialApp с экземпляром ThemeData.
- Для переопределения тем в конкретных ветках виджетов оберните их в виджет Theme.
- Используйте Theme.of(context).copyWith(...) для применения локальных изменений к теме.
- Замените устаревшее свойство accentColor на colorScheme.secondary.
- Замените accentTextTheme на textTheme, используя colorScheme.onSecondary для контраста.
- Замените AppBarTheme.color на AppBarTheme.backgroundColor.
Примеры запросов агенту
Как настроить глобальную тему приложения Flutter с использованием Material 3?
Как переопределить тему только для определенной части интерфейса в Flutter?
Как заменить устаревшие свойства ThemeData в существующем коде Flutter?
Описание составлено по SKILL.md навыка, сверено 07.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «flutter-flutter-theming-apps» из репозитория:
# https://github.com/flutter/agent-plugins
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r flutter-flutter-theming-apps/ ~/.claude/skills/flutter-flutter-theming-apps/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.