Блог

Главная - Вопросы по программированию - Клавиатура постоянно закрывается с каждым введенным при вводе дочерним элементом

Клавиатура постоянно закрывается с каждым введенным при вводе дочерним элементом

#typescript #react-native

#typescript #react-native

Вопрос:

Каждый раз, когда я что-то печатаю, он закрывает клавиатуру, которую я пробовал использовать onChangeText , onChange но ничего не изменилось

Родительский компонент

 const [searchText, setSearchText] = useState('');

function handleSearchTextChange(e: NativeSyntheticEvent<TextInputChangeEventData>) {
  setSearchText(e.nativeEvent.text);
}

<PageHeader
   hasSearch={true}
   isLogout={true}
   searchTextInput={searchText}
   onSearchTextChange={handleSearchTextChange}
/>

дочерний компонент

         <TextInput
          style={{width: 250}}
          autoCorrect={true}
          placeholder="Pesquisar..."
          value={searchTextInput}
          onChange={onSearchTextChange}
        />

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

1. Можете ли вы создать демонстрационную закуску с воспроизводимым примером?

2. Я много занимался этой проблемой, и в основном это происходит всякий раз, когда вы непреднамеренно создаете новый экземпляр TextInput при каждом изменении. Например, если ваш дочерний элемент TextInput был переменной, которую вы вернули из функции или назначили вне render . Я не могу сказать более конкретно, не видя полного кода.