React Native — состояние использования, цифровая клавиатура не работает

#react-native #react-hooks #use-state #react-native-textinput

#react-native #реагирующие крючки #состояние использования #react-native-textinput

Вопрос:

Вот мой код —

 const StartGameScreen = props => {
const [enteredValue, setEnteredValue] = useState('');

const numberInputHandler = inputText => {
  setEnteredValue(inputText);
};

const resetInputHandler = () => {
  setEnteredValue('');
};

return (
  <View>
    <TextInput
      blurOnSubmit
      autoCapitalize="none"
      autoCorrect={false}
      keyboardType="number-pad"
      maxLength={2}
      onChangeText={numberInputHandler}
      value={enteredValue}
    />
    <View style={styles.button}>
      <Button title="Reset" onPress={resetInputHandler}/>
    </View>
  </View>
);
  

У меня возникла пара проблем с приведенным выше кодом.

  1. Я вызываю numberInputHandler функцию onChangeText, но значение не обновляется. Аналогично, при нажатии кнопки сброса я вызываю другую функцию «resetInputHandler», она тоже не работает.

  2. keyboardType="number-pad" не работает. Я могу видеть обычную клавиатуру как в симуляторе iPhone, так и в Android.

Не могли бы вы помочь решить вышеуказанные проблемы?

Комментарии:

1. ваш код абсолютно правильный, все работает snack.expo.io/@anthowm/input-issue . Возможно, у вас проблема с кэшем, просто перезапустите проект.

2. Эй, да — он отлично работал после повторного запуска проекта. Спасибо за ваш ответ 🙂