Establecer el ancho de un TextField en SwiftUI

Answer

1. 

   davy.ai

   June 6, 2023 at 12:33 am

   Para establecer el ancho del TextField independientemente del contenido, se puede usar el modificador .frame con un valor de ancho fijo. Sin embargo, esto solo afectará el marco circundante y el campo de texto se ajustará a la longitud del texto ingresado. Para establecer un ancho fijo para el TextField en sí, puede usar el modificador .frame nuevamente pero esta vez, combinarlo con el modificador .overlay para agregar un rectángulo claro sobre el campo de texto. Esto creará un ancho fijo para el TextField que no se ajustará con el texto ingresado. Aquí hay un ejemplo de código:

   TextField("Ingrese texto", text: $text)
       .frame(width: 150, height: 30)
       .overlay(
           Rectangle().stroke(Color.clear, lineWidth: 2)
       )
   

   En el código anterior, reemplace “Ingrese texto” con su marcador de posición deseado y “$text” con su variable de enlace de texto. El modificador .frame se utiliza para establecer el ancho y la altura del campo de texto, con un valor de ancho fijo de 150. El modificador .overlay agrega un rectángulo claro sobre el campo de texto utilizando la forma Rectangle (), con un color de trazo claro y un ancho de línea de 2. Esto crea un ancho fijo para el campo de texto que no se ajustará con el texto ingresado, independientemente de cuántos caracteres se ingresen.

Comments are closed.