У меня есть такой код:
<TextInput placeholder = {"PID"} keyboardType = 'numeric' editable = {true} maxLength = {10} value = {this.state.text} onChangeText = {(text) => this.setState({text})} />
<Button title='NEXT' onPress= {() => navigate('service', { text: this.state.text})}> </Button>
И я хочу проверить поле ввода следующим образом: По нажатию кнопки перейти на страницу сервиса, если длина ввода равна 10. Иначе показать предупреждающее сообщение.
Как я могу это сделать?





Уважаемый :) Вам нужно использовать пакет маршрутизации, например, response-navigation или response-native-router-flux (мне нравится позже), определить с ним свои страницы и использовать простой оператор if else в функции onPress ...
Каждый из пакетов маршрутизации обеспечивает простой вызов программной навигации.
manage = () => {
if (this.state.text.length === 10) {
navigate('service', { text: this.state.text})})
} else {
alert('Your PID must be exactly 10 characters!')
}
}
render() {
return (<Button onPress = {this.manage} ... />)
}
Это ответ @ sod.heretic, я просто помог с форматированием. :)