Storyboard
Режим Storyboard показывает приложение целиком: какие в нём экраны и как пользователь между ними перемещается. По такой схеме сразу видно тупики, лишние переходы и экраны, до которых из интерфейса не добраться, — то есть то, что при постраничной работе обычно замечают уже на тестировании.
Функция в стадии беты и рассчитана на проекты примерно до 30 страниц.
Условные обозначения
Легенда объясняет, что означают линии, иконки и цвета на схеме.
Во FlutterFlow используются такие обозначения:
- Сплошная линия — действие Navigate или Login.
- Пунктирная линия — действие Bottom Sheet.
- Иконка со стрелкой вправо — скрытые виджеты. Их не видно в текущем состоянии страницы (например, они лежат на другой вкладке), но действие перехода у них есть.
Подсветка маршрутов страницы
Когда страниц много, линии перекрывают друг друга и распутать маршрут глазами тяжело. Нажмите на страницу — все ведущие к ней и из неё пути подсветятся синим.
Перемещение страниц
Расположение страниц по умолчанию не всегда удобно: обычно хочется собрать рядом экраны одной функциональности. Перетащите страницу мышью туда, где ей место.
Открытие страницы из Storyboard
Двойной клик по странице открывает её в конструкторе.
Видео
Если удобнее посмотреть, а не прочитать:
Частые вопросы
Появляется ошибка «Error: Unable to initialize Storyboard»
Обычно причина одна: не задана стартовая страница проекта. Укажите её в настройках App Details.