Навигация по страницам
Навигация по страницам в FlutterFlow осуществляется через маршрутизацию, где каждая страница идентифицируется уникальным маршрутом. Навигацию можно настроить на события, такие как нажатие кнопки, что приводит к действиям, таким как добавление нового маршрута (открытие новой страницы) или удаление маршрута (возвращение на предыдущую страницу). FlutterFlow упрощает процесс маршрутизации, позволяя визуально проектировать поток навигации вашего приложения.
Давайте посмотрим, как это делается в FlutterFlow:
Переход к [Действию]
Действие 'Переход к' позволяет установить следующую страницу и изменить другие свойства, связанные с навигацией:
| Название свойства действия | Тип | Описание |
|---|---|---|
| Разрешить навигацию Назад | Переключатель | Переключите эту опцию, чтобы предотвратить пользователю возвращение на эту страницу после перехода на следующую страницу |
| Заменить маршрут | Переключатель | Используйте эту опцию для замены текущей страницы в стеке навигации. Например, если пользователь переходит с Страницы A на Страницу B, а затем на Страницу C, нажатие кнопки назад на Странице C, как правило, вернет на Страницу B. Однако если Заменить маршрут включено на Странице B, маршрут меняется на Страница A -> Страница C; следовательно, нажатие кнопки назад на Странице C откроет Страницу A. |
| Тип анимации перехода | Раскрывающийся список | Это позволяет указать анимацию, которая будет применяться при переходе со страницы. Варианты включают По умолчанию, Мгновенно, Появление, Сдвиг вверх, Сдвиг вниз, Сдвиг влево, Сдвиг вправо и Масштаб. |
| Длительность анимации перехода | Число с плавающей запятой | Установите длительность анимации перехода в миллисекундах |
| Параметры страницы | Используйте это для отправки данных на следующую страницу во время навигации. |
Разрешить навигацию Назад не влияет на кнопку Назад в Android. Для отключения кнопки Назад Android установите свойство Отключить кнопку Назад Android на странице назначения.
Назад [Действие]
На следующей странице, на которую вы навигируете, убедитесь, что добавляете действие 'Назад' в App Bar или в любое другое место, откуда пользователи могут перейти. Давайте добавим действие 'Назад' на нашу последующую страницу, с которой мы перешли в предыдущем разделе: