Переходы между страницами

Переход между страницами настраивается визуально: вы вешаете действие на событие — нажатие кнопки, например, — и указываете, куда вести. Под капотом это добавление маршрута в стек или снятие его оттуда.

Как это делается:

Действие открывает следующую страницу. Его свойства:

СвойствоТипЧто делает
Allow Back NavigationпереключательЗапрещает вернуться на эту страницу после перехода на следующую.
Replace RouteпереключательЗаменяет текущую страницу в стеке вместо добавления новой. Пример: пользователь прошёл A → B → C. Обычно «назад» с C ведёт на B; если у B включено Replace Route, маршрут выглядит как A → C, и «назад» с C ведёт сразу на A.
Transition TypeсписокАнимация ухода с экрана: Default, Instant, Fade In, Slide Up, Slide Down, Slide Left, Slide Right, Scale.
Transition DurationчислоДлительность анимации в миллисекундах.
Page ParametersДанные, которые передаются на следующую страницу.
инфо
Учтите

Allow Back Navigation не влияет на системную кнопку «назад» в Android. Её отключает свойство Disable Android Back Button на целевой странице.

Nav.png

Свойства действия Navigate To

На странице, куда перешли, нужно предусмотреть возврат — обычно действием Navigate Back на AppBar:

перевод официальной документации FlutterFlow

обновлено

⌕ ESC