Agregar animación de transición de página en Flutter

[Error en la carga de la imagen... (image-c939db-1650550552942)]

Hola a todos, en este artículo aprenderemos cómo pasar de una página a otra en Flutter Add. animación a la página. Cubriremos diferentes tipos de animaciones e implementaremos animaciones básicas en Flutter usando el paquete de animación de páginas.

page_animation_transition

[Error en la carga de la imagen...(image-1c5f15-1650550552942)]

La animación juega un papel vital en la mejora de la experiencia del usuario, pero ¿qué es exactamente? Qué es la animación?

Los lenguajes de diseño como Material definen comportamientos estándar al realizar la transición entre rutas (o pantallas). Pero a veces, personalizar las transiciones entre pantallas puede hacer que una aplicación sea más exclusiva.

En este tutorial usaremos el paquete page_animation_transition para simplificar el proceso de agregar transiciones a las páginas.

Explora diferentes transiciones con complementos

page_animation_transition

[Error en la carga de la imagen... (image-6b6c30-1650550552943)]

Supongamos desea realizar la transición de PageOne a PageTwo

Los siguientes son los tipos de animación admitidos por la biblioteca:

Para rutas predefinidas:

Navigator.pushNamed(context , ' /pageTwo');

Pushnamed (contexto, '/pageTwo')

Salida:

Salida:

[Imagen Error al cargar... (image-aaf4a9-1650550552943)]

Salida:

[Error al cargar la imagen... (image-8bd8a1-1650550552943)]

Espero que este blog pueda ayudarte a obtener una comprensión más profunda de la conversión de Flutter. ¡Gracias por leer! Si hay algún error, dímelo en los comentarios para poder mejorar. Si este blog te resultó útil, ¡dame un aplauso!

?Gato