Cómo crear un número de teléfono TextField y otros con VisualTransformation en Jetpack Compose | Avanzado por Ngenge | Junio de 2021
En pocas palabras, queremos asegurarnos de que cuando el usuario escribe en TextField, el guión se agrega automáticamente a cada posición
Para simplificar el escenario, implementemos una conversión visual para el número de teléfono local en Camerún. El número de teléfono de Camerún tiene 9 dígitos y el formato es el siguiente:
XXXXXXXXXQueremos convertirlo a
XXX-XXX-XXXPara Jetpack Compose, debemos implementar la interfaz VisualTransformation.Tengamos el código fuente completo y expliquemos a continuación
Desplazamiento del mapa works hace el método Original a conversión Convierta el desplazamiento en el texto original al texto convertido, y este método Convertir a original Convierta el desplazamiento en el texto convertido al texto original.
El filtro de método requerido devuelve TransformedText y hemos terminado. Puede utilizar el mismo concepto para campos de entrada como tarjeta de crédito y conversión de contraseña.
Hagámoslo creando una vista previa y componible simple en el dispositivo y escribiendo en el campo de texto
Todo esto es necesario. Puede ver la muestra de VisualTransformation para comprender mejor y obtener más información.
