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

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

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

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

к сведению

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

Transition TypeDescriptionExample
InstantПереход без анимации, мгновенная смена страниц.Instant
Fade InПостепенное появление новой страницы.Fade In
Slide UpВъезд новой страницы снизу вверх.Slide Up
Slide DownВъезд новой страницы сверху вниз.Slide Down
Slide LeftВъезд новой страницы справа налево.Slide Left
Slide RightВъезд новой страницы слева направо.Slide Right
ScaleМасштабирование новой страницы от меньшего размера до полного экрана.Scale

Анимация одиночного перехода навигации

Чтобы установить анимацию перехода для одного действия навигации, сначала убедитесь, что вы добавили действие Navigate To, а затем выберите анимацию из выпадающего списка Transition Type. По умолчанию анимации используют длительность 300 миллисекунд, но вы можете изменить её, указав значение в поле Duration (ms).

single-navigate-transition-animation.avif

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

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