Перейти к основному содержимому

Анимации перехода между страницами

Анимация, которая проигрывается при переходе от одной страницы приложения к другой, известна как анимация перехода между страницами. В FlutterFlow вы можете настроить эту анимацию для улучшения опыта пользователя.

Вы можете выбрать любую из следующих анимаций перехода:

к сведению

Здесь анимации записаны с длительностью, установленной на 1000 мс, чтобы анимация была хорошо видна. Однако внутри приложения рекомендуется держать длительность между 200-400 мс.

Тип анимацииОписаниеПример
МгновенныйПереход без анимации, мгновенное переключение страниц.Мгновенный
ПоявлениеПлавное появление новой страницы.Появление
Скользящий вверхНовая страница выезжает сверху.Скользящий вверх
Скользящий внизНовая страница выезжает снизу.Скользящий вниз
Скользящий влевоНовая страница выезжает справа.Скользящий влево
Скользящий вправоНовая страница выезжает слева.Скользящий вправо
МасштабированиеНовая страница увеличивается с меньшего размера до полноэкранного.Масштабирование

Анимированный переход для одиночного действия навигации

Чтобы установить анимацию перехода для одиночного действия навигации, сначала убедитесь, что добавили действие Навигация к, а затем выберите анимацию из выпадающего списка Тип анимации. По умолчанию анимации используют 300 миллисекунд как длительность, в течение которой она проигрывается, но вы можете изменить это, указав значение в поле Длительность (мс).

анимация-перехода-одиночной-навигации.avif

Изменение глобального перехода навигации

Чтобы изменить анимацию перехода по умолчанию для всего приложения, выполните следующие шаги: