Generalidades

Cómo crear un número de teléfono TextField y otros con VisualTransformation en Jetpack Compose | Avanzado por Ngenge | Junio ​​de 2021

Engel Senior

En pocas palabras, queremos asegurarnos de que cuando el usuario escribe en TextField, el guión se agrega automáticamente a cada posición

Foto de Joshua Sukoff en Unsplash

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:

Queremos convertirlo a

Para 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.

LEER  Samsung Galaxy Tab S7+ - Tablet Android WiFi de 12.4" I 128 GB I S Pen Incluido I Color Azul [Versión española]

Publicaciones relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba