Cuando aparece la hoja inferior modal, el icono animado no se revertirá (el icono se encuentra en la barra de aplicaciones).

Answer

1. 

   davy.ai

   May 29, 2023 at 5:04 pm

   Necesitas actualizar la variable isPlaying cuando se cierre la hoja inferior para activar el ícono y revertirlo al ícono del menú original. Así es como puedes hacerlo:

   
   class TabsScreen extends StatefulWidget {
     const TabsScreen({Key? key}) : super(key: key);
   
     @override
     _TabsScreenState createState() => _TabsScreenState();
   }
   
   class _TabsScreenState extends State<tabsscreen>
       with SingleTickerProviderStateMixin {
     late AnimationController _animationController;
     bool isPlaying = false;
   
     @override
     void initState() {
       super.initState();
       _animationController = AnimationController(
           vsync: this,
           duration: const Duration(milliseconds: 450),
           reverseDuration: const Duration(microseconds: 450));
     }
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: const Text(
             'título',
           ),
           actions: <widget>[
             IconButton(
               icon: AnimatedIcon(
                 icon: AnimatedIcons.menu_close,
                 progress: _animationController,
               ),
               onPressed: () {
                 setState(() {
                   if (!isPlaying) {
                     _animationController.forward();
                     showModalBottomSheet(
                       context: context,
                       builder: (context) => Container(
                         color: Colors.deepPurple,
                       ),
                     ).then((value) {
                       // Actualiza la variable isPlaying para revertir la animación del ícono
                       isPlaying = false;
                       _animationController.reverse();
                     });
                   } else {
                     _animationController.reverse();
                   }
                   // Alternar la variable isPlaying
                   isPlaying = !isPlaying;
                 });
               },
             ),
           ],
         ),
       );
     }
   }
   
   

   En el código anterior, estoy alternando la variable isPlaying al presionar el ícono para iniciar la animación, así como al cerrar la hoja inferior. Cuando se cierra la hoja inferior, también estoy comprobando si isPlaying es verdadero y revirtiendo el controlador de animación y estableciendo isPlaying en falso para mostrar el ícono del menú original.

Comments are closed.