Please disable your adblock and script blockers to view this page

Reutilizar botón con Flutter, conservando el estilo y pasando como parámetro la función a ejecutar en el evento onPressed.




Hola, te ha pasado que ¿necesitas crear varios botones o cualquier otro Widget y conservar el mismo estilo?, bueno en este articulo te muestro como hacerlo y cómo pasar por parámetro la función a ejecutar cuando existe un evento "onPressed".

Al final del articulo te voy a dejar el código fuente para que lo puedas descargar desde GitHub

Lo primero que debemos hacer es crear un proyecto, yo lo llamaré "raisedbutton_onpressed".

Una vez creado el proyecto abrimos el archivo "main.dart" y creamos la estructura base:



Como te podrás dar cuenta el home hace referencia a "MiPaginaInicio()", entonces creamos un StatefulWidget:


Bien, hasta aquí no deberia haber ningun problema ya que en la clase "_MiPaginaInicio" vamos a construir la vista de nuestro proyecto.

Pero, ¿Qué pasa si necesito crear varios botones y requiero que todos lleven el mismo estilo?

Bueno, lo primero que debemos hacer es crear una clase y yo la llamare "Elementos", en la cual voy a crear una función que se llama "wBoton", el cual me va a retornar un Widget de tipo "RaisedButton":


Una vez creado el botón comenzamos a trabajar en nuestra clase "_MiPaginaInicio" y lo primero que hacemos es inicializar la clase "Elementos" y creamos una función que será invocada al momento de presionar nuestro boton:


Y por último mandamos a llamar el boton (RaisedButton) cuantas veces sea necsario y pasamos dos parámetros: el primero es la leyenda que va a tener el botón y el segundo es la función que se va a mandar a llamar al presionarlo.


Ejecutamos la aplicación, y veremos que el botón tiene como leyenda "Presioname" y al darle clic en la consola nos arroja el mensaje "Hola Mundo".



El ejemplo completo queda de la siguiente manera:




Si tu has utilizado otra forma de reutilizar botones, házmelo saber en los comentarios.

Descarga el código fuente de esta ruta: https://github.com/SolucionesDC/FT_RaisedButton_onPressed


¿Me invitarías un café?


Reutilizar botón con Flutter, conservando el estilo y pasando como parámetro la función a ejecutar en el evento onPressed. Reutilizar botón con Flutter, conservando el estilo y pasando como parámetro la función a ejecutar en el evento onPressed. Reviewed by Raúl Domínguez on julio 30, 2019 Rating: 5

No hay comentarios.:

Con tecnología de Blogger.