📌 День 1: Знакомство с FlutterFlow
Цель: Создать первый проект, изучить интерфейс.
📚 Теория:
- FlutterFlow — визуальный конструктор для Flutter-приложений
- Основные вкладки: Widget Tree, Properties, Actions
- Как ориентироваться в интерфейсе
Интерактивный обзор интерфейса
Widget Tree
Properties
Actions
Иерархия всех виджетов на вашей странице. Здесь вы можете:
- Переименовывать виджеты
- Изменять их порядок
- Удалять или дублировать
Настройки выбранного виджета. Здесь вы можете:
- Изменять цвета, размеры
- Настраивать отступы
- Добавлять анимации
Действия для виджетов. Здесь вы можете:
- Добавлять обработчики нажатий
- Настраивать навигацию
- Вызывать функции
Практическое задание
- Зарегистрируйтесь на FlutterFlow
- Создайте новый проект "Blank App"
- Добавьте Text с надписью "Hello, FlutterFlow!"
- Измените цвет текста и размер шрифта
Совет дня
Используйте горячие клавиши для быстрой работы:
- Ctrl + / - поиск виджетов
- Ctrl + Z - отменить действие
- Del - удалить выбранный виджет
Проверь себя
Как называется панель, где отображается иерархия виджетов?
Widget Tree
Properties Panel
Actions Tab
✅ Верно! Widget Tree показывает структуру вашего интерфейса.
❌ Не совсем. Попробуйте еще раз!