Desarrollé una aplicación donde el usuario puede ingresar sus números de teléfono móvil y quiero evitar que los usuarios presionen la tecla de punto y guión, ¿cómo puedo lograrlo?
puede usar reaccionar-número-de-teléfono-entrada
import React, { useState } from 'react' import PhoneInput from 'react-phone-number-input/react-native-input' function Example() { const [value, setValue] = useState() return ( <PhoneInput style={...} defaultCountry="US" value={value} onChange={setValue} /> ) }ver aquí demostración
Para mostrar el número de teléfono, puede usar formater
import { formatPhoneNumber } from 'react-phone-number-input' formatPhoneNumber('+12133734253') === '(213) 373-4253'luego poner en texto
<Text> {formatPhoneNumber('+12133734253')} </Text>En aras de no integrar un paquete de terceros solo para verificar el número de teléfono, simplemente puede crear una expresión regular que coincida con las teclas de puntos y guiones y mostrar un mensaje "Por favor, no use "-" y "." mientras los usuarios ingresan su número de teléfono Esta solución le proporcionará más espacio para modificar las cosas más adelante si cambian las necesidades de este componente.