close

Uso RawDialogRoute en Flutter: guía y ejemplos

RawDialogRoute es una clase Flutter que representa una ruta de diálogo sin formato, que proporciona una forma de mostrar ventanas emergentes o cuadros de diálogo personalizados. El marco suele usar esta clase internamente para crear y administrar rutas de diálogo.

Aquí hay un ejemplo de cómo puede usar RawDialogRoute para mostrar un cuadro de diálogo personalizado:

import 'package:flutter/material.dart';  
  
void main() {  
  runApp(MyApp());  
}  
  
class MyApp extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return MaterialApp(  
      home: MyHomePage(),  
   );  
  }  
}  
  
class MyHomePage extends StatelessWidget {  
  @override  
  Widget build(BuildContext context) {  
    return Scaffold(  
      appBar: AppBar(  
        title: Text('RawDialogRoute Example'),  
     ),  
      body: Center(  
        child: ElevatedButton(  
          onPressed:() {  
            showDialog(  
              context: context,  
              builder:(BuildContext context) {  
                return RawDialogRoute(  
                  context: context,  
                  barrierDismissible: true,  
                  builder:(BuildContext context) {  
                    return AlertDialog(  
                      title: Text('Custom Dialog'),  
                      content: Text('This is a custom dialog using RawDialogRoute.'),  
                      actions: [  
                        TextButton(  
                          onPressed:() {  
                            Navigator.pop(context);  
                          },  
                          child: Text('Close'),  
                       ),  
                      ],  
                   );  
                  },  
               );  
              },  
           );  
          },  
          child: Text('Open Dialog'),  
       ),  
     ),  
   );  
  }  
}

En este ejemplo, cuando se presiona el botón, la showDialog función se usa para mostrar un cuadro de diálogo personalizado usando RawDialogRoute como generador. Dentro del builder, puede proporcionar su contenido personalizado para el cuadro de diálogo.

Tenga en cuenta que RawDialogRoute podría considerarse una clase de bajo nivel, y puede que le resulte más conveniente utilizar las clases integradas AlertDialog o SimpleDialog para crear cuadros de diálogo en la mayoría de los casos.