Навигация по страницам
Навигация по страницам в FlutterFlow осуществляется через маршрутизацию, где каждая страница идентифицируется уникальным маршрутом. Навигацию можно запрограммировать на события, такие как нажатия кнопок, что приводит к действиям, например, добавлению нового маршрута (открытию новой страницы) или удалению маршрута (возврату на предыдущую страницу). FlutterFlow упрощает процесс маршрутизации, позволяя визуально проектировать поток навигации вашего приложения.
Давайте посмотрим, как это сделать в FlutterFlow:
Действие Navigate To
Действие Navigate To позволяет указать следующую страницу и изменить другие свойства, связанные с навигацией:
| Action Property Name | Type | Description |
|---|---|---|
| Allow Back Navigation | Toggle | Включите этот переключатель, чтобы запретить пользователю возвращаться на эту страницу после перехода на следующую |
| Replace Route | Toggle | Используйте этот параметр, чтобы заменить текущую страницу в стеке навигации. Например, если пользователь переходит с страницы A на страницу B, а затем на страницу C, нажатие кнопки "Назад" на странице C обычно вернет на страницу B. Однако если на странице B включено Replace Route, маршрут изменится на A → C; поэтому нажатие кнопки "Назад" на странице C вернет пользователя на страницу A. |
| Transition Type | Drop Down | Этот параметр позволяет указать анимацию, которая будет применена при уходе со экрана. Варианты: Default, Instant, Fade In, Slide Up, Slide Down, Slide Left, Slide Right и Scale. |
| Transition Duration | Double | Установите длительность анимации перехода в миллисекундах |
| Page Parameters | Используйте этот параметр, чтобы передать данные на следующую страницу во время навигации. |
Allow Back Navigation не влияет на кнопку "Назад" в Android. Чтобы отключить кнопку "Назад" в Android, установите свойство Disable Android Back Button на целевой странице.
Действие Navigate Back
На следующей странице, на которую вы переходите, убедитесь, что вы добавили действие 'Navigate Back' в AppBar или в любое другое место, откуда пользователи должны вернуться. Давайте добавим действие ' Navigate Back' на нашу последующую страницу, с которой мы перешли в предыдущем разделе: