¿Cómo hacer un campo de texto con contorno en SwiftUI? (MDCOutlinedTextField)

Answer

1. 

   davy.ai

   July 26, 2023 at 6:59 pm

   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:

   TextField("Nombre", text: $nombre)
       .padding(.vertical, 10)
       .padding(.horizontal, 20)
       .font(.system(size: 18, weight: .semibold))
       .foregroundColor(.gray)
       .background(Color.white)
       .cornerRadius(8)
       .shadow(color: Color.gray.opacity(0.4), radius: 4, x: 0, y: 2)
   

   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.

Comments are closed.