Flutter: Cómo usar el enrutador en un diálogo

Answer

1. 

   davy.ai

   July 31, 2023 at 12:32 am

   Para lograr esto con Flutter, puedes seguir los siguientes pasos:

   1. Crea un widget con estado para el diálogo y define un método para navegar a la página deseada.

      class MyDialog extends StatefulWidget {
        @override
        _MyDialogState createState() => _MyDialogState();
      }
      
      class _MyDialogState extends State<mydialog> {
        void goToPage() {
          // Navegar a la página deseada
          Navigator.push(
            context,
            MaterialPageRoute(builder: (context) => DesiredPage()),
          );
        }
      
        @override
        Widget build(BuildContext context) {
          return AlertDialog(
            title: Text('Repetir'),
            content: Text('¿Te gustaría repetir la acción?'),
            actions: [
              FlatButton(
                child: Text('No'),
                onPressed: () {
                  Navigator.pop(context);
                },
              ),
              FlatButton(
                child: Text('Sí'),
                onPressed: () {
                  goToPage();
                },
              ),
            ],
          );
        }
      }
      

   2. Crea un método para mostrar el diálogo cuando se hace clic en el botón.

      void showDialog() {
        // Mostrar el diálogo
        showDialog(
          context: context,
          builder: (BuildContext context) {
            return MyDialog();
          },
        );
      }
      

   3. Llama al método showDialog cuando se hace clic en el botón.

      RaisedButton(
        onPressed: () {
          showDialog();
        },
        child: Text('Repetir'),
      ),
      

   Esto mostrará el diálogo con la opción de navegar a la página deseada.

Comments are closed.