Animación de widgets de aleteo con fly_animation | de Rashmi Tank | Mayo de 2021


Tanques Rashmi

Hola amigos, vamos a aprender a usar el paquete flutter flat_animation para animar un solo widget y múltiples widgets de una posición a otra.

Entonces empecemos.

Agregar un paquete

fly_animation: ^0.0.2

Antes de usar FlyAnimationWidget En primer lugar, del paquete fly_animation, entendamos sus propiedades:

  • animationEndKey: Botón del widget en el que finaliza la animación. Debe declarar GlobalKey y pasarlo al widget donde termina su animación.
  • countOfAnimationWidgets: Número de widgets de animación que deben crearse. El valor del campo countOfAnimationWidgets debe ser mayor que 0.
  • posición superior: posición superior del widget de animación que se mostrará en la pantalla. El valor de topPosition debe ser mayor o igual que 0.
  • childWidget: Árbol de widgets que se mostrará en la pantalla. El widget principal de la pantalla debe ser FlyAnimationWidget. El árbol de widgets que desea mostrar en la pantalla debe pasarse al campo childWidget.
  • animationWidget: El tipo es Widget, por lo que puede pasar cualquier widget que desee animar a este campo.
  • animationWidgetWidth: El valor debe ser mayor que 0. El ancho del widget que desea animar.
  • animationWidgetHeight: El valor debe ser mayor que 0. La altura del widget que desea animar.
  • animationDurationInMillis: Duración de la animación en milisegundos
  • hideAnimationWidgetOnComplete: Pase verdadero si desea ocultar el widget de animación cuando la animación esté completa, pase falso si no desea ocultarlo.

Entendamos esto usando un ejemplo.

La salida se ve así:

Código de muestra:

Ejemplo de fly_animation

Este widget está disponible en el paquete fly_animation. El código fuente está disponible aquí.

Si tiene problemas, puede comentar aquí o en git.

Si te gusta mi blog y mi paquete Flutter, hazlo.

igualmente ISi desea aprender Flutter y otros tutoriales de lenguajes de programación, puede visitar Flutter Learning

tecnologia1020

Sobre el autor

Añadir comentario

Tu dirección de correo electrónico no será publicada.