Ícono animado personalizado de Flutter

Poseemos la mejor solución que hemos encontrado on line. Nosotros esperamos que te resulte de mucha ayuda y si quieres compartir cualquier detalle que nos pueda ayudar a mejorar hazlo con libertad.

Solución:

¡Estás de suerte, amigo mío! Flutter ya lo tiene cubierto con AnimatedIcon()

Clase AnimatedIcon en los documentos

Widget de icono animado de la semana Vídeo

Ahora para animar tus íconos con Flare. Jeff Delaney hizo un buen tutorial para esto.

https://fireship.io/lessons/animated-navigation-flutter-flare/

  class _CreatePackageViewState extends State
with SingleTickerProviderStateMixin   
   bool expanded = true;
  AnimationController controller;
  @override
   void initState() 
    super.initState();
    controller = AnimationController(
      vsync: this,
      duration: Duration(milliseconds: 400),
      reverseDuration: Duration(milliseconds: 400),
    );
  



  IconButton(
        icon: AnimatedIcon(
          icon: AnimatedIcons.menu_close,
          progress: controller,
          semanticLabel: 'Show menu',
        ),
        onPressed: () 
          setState(() 
            expanded ? controller.forward() : controller.reverse();
            expanded = !expanded;
          );
        ),

---

---

Utiliza Nuestro Buscador