Botón en swiftui (Button swiftui).

En este tutorial se explica que es un Botón en Swiftui (Button swiftui), como usarlo y algunos de sus parámetros más importantes, como realizar alguna acción al presionarlo o cambiar el valor de alguna variable.

Un botón en swiftui, es un elemento que está diseñado, para realizar alguna acción al presionarlo, como en cualquier otro lenguaje de programación.

Creando el botón.

El botón deberá estar dentro de alguna vista. Tiene 2 principales parámetros que son action y label.

Button(action:    {   //Acción cuando se presione el botón       },
     label:{  //Contenido del botón                 }
)

El parámetro action, especifica la acción que se ejecutará cuando se presione el botón. Puedes poner cualquier código dentro de este cierre, como imprimir un mensaje, cambiar el estado de tu aplicación, navegar a otra vista, llamar a una función, etc.

El parámetro label, define el contenido del botón, que puede ser cualquier vista en SwiftUI. Por ejemplo un Text que es el más común, pero es posible usar cualquier vista, como una imagen o incluso un grupo de vistas.

Ejemplo de un botón en Swiftui (Button)

En la siguiente imagen mostramos el ejemplo de un botón. Al presionar el botón se llama a la función calcular(). Mientras que el label, es un Texto que dice calcular, con color de texto negro y un fondo verde, que mide 250 de ancho y 40 de altura, alineado al centro.

Button swiftui

Podemos notar que al final le agregamos un padding de 8.

Como podemos ver, es posible configurar la vista del botón de forma muy sencilla, así como la acción al realizar cuando se presiona.

Algunos otros de los parámetros que podemos usar en un botón en swiftui son los siguientes:

foregroundColor: Permite personalizar el color del texto.

backgroundColor: Permite cambiar el color de fondo del botón.

padding: Este parámetro define el relleno (padding) alrededor del contenido del botón. Como un margen alrededor del contenido del botón.

cornerRadius: Este parámetro establece el radio de los bordes del botón, creando esquinas redondeadas.

Para más tutoriales de Swift ve a este enlace.

Algunos temas que pueden ser de su interés: