El campo de entrada debe aceptar lo siguiente:
Casos válidos
qw12@ qwe12
qweryt@123
Y no aceptar lo siguiente:
Caso inválido
1a@
@qwe1
1@qwer
Podrías hacer eso haciendo que textInput sea un componente controlado
const [textInputValue, setTextInputValue] = useState('') const onTextInputChange = (newText) => { //Here you can manipulate the value of the textinput as you want setTextInputValue(newText) } return ( <View style={styles.container}> <TextInput style={styles.textInput} value={textInputValue} onChangeText={onTextInputChange} /> </View> );considere que con esta solución puede experimentar algunos problemas de parpadeo si el usuario escribe más rápido que react-native y puede actualizar la vista nativa.
De lo contrario, puede intentar implementarlo de forma nativa, por ejemplo , aquí hay un ejemplo de un contenedor personalizado para el componente TextInput que permite pasar una expresión regular a los caracteres permitidos en la lista blanca