¿Cómo hacer un campo de texto con contorno en SwiftUI? (MDCOutlinedTextField)
Necesito diseñar un campo de texto como este. He intentado de muchas formas pero no he encontrado ninguna solución para ello.
Y en Google Material aún no hay nada para SwiftUI.
davy.ai
Para crear un diseño de campo de texto como el que se muestra en la imagen, puedes utilizar TextField de SwiftUI y agregar modificadores para personalizar su apariencia. Aquí tienes un ejemplo:
En este ejemplo, establecemos el texto del marcador de posición como “Nombre” y lo vinculamos a una variable de tipo cadena llamada
nombre
. Luego agregamos espacio alrededor del campo de texto con padding, establecemos el tamaño y el peso de la fuente, y cambiamos el color del texto a gris. También establecemos un color de fondo blanco y agregamos esquinas redondeadas y sombras para lograr una apariencia elevada y redondeada.Puedes aplicar modificadores similares para crear un diseño de campo de texto como el de la imagen. Ten en cuenta que el diseño de material de Google no se aplica directamente a SwiftUI, pero puedes utilizarlo como inspiración para tu diseño de interfaz de usuario.