PageTransition

Clase que facilita la implementación de animaciones suaves entre páginas utilizando GoRouter en Flutter.

Importación

import 'package:togie/utils/page_transition.dart';

Métodos

Método	Descripción
fadeTransition<T>()	Crea una transición con efecto de fundido (fade), haciendo que la página aparezca gradualmente aumentando su opacidad.
slideTransition<T>()	Crea una transición deslizante desde la derecha, moviendo la página desde un offset inicial hasta su posición final.
scaleTransition<T>()	Crea una transición con efecto de escala, donde la página crece desde el centro hasta ocupar toda la pantalla.
rotationTransition<T>()	Crea una transición combinada de rotación y escala, haciendo que la página gire y se expanda simultáneamente.
fadeSlideTransition<T>()	Combina fundido y deslizamiento, haciendo que la página se desplace ligeramente mientras aparece gradualmente.
bounceTransition<T>()	Crea una transición con efecto de rebote, en la que la página aparece con un toque elástico.

Propiedades

Propiedad	Tipo	Descripción
state	GoRouterState	Estado actual de GoRouter que contiene datos relevantes, como la clave de la página.
page	Widget	Widget de la página que se mostrará mediante la transición.
duration	Duration	Duración de la transición, por defecto establecida en 800 milisegundos.

Ejemplo de uso:

PageTransition(
    context: context,
    state: state,
    page: MainScreen(index: int.parse(state.uri.queryParameters["main_index"] ?? "0")),
).fadeTransition(),