Всем привет! Подскажите, кто-нибудь сталкивался с "дерганием" TextInput'а, когда в него

Question

React Native — русскоговорящее сообщество

Всем привет! Подскажите, кто-нибудь сталкивался с "дерганием" TextInput'а, когда в него

вводят значения, не проходящие валидацию? (Android)

Возможно ли избежать отрисовки символа, не удовлетворяющего регулярному выражению, чтобы при нажатии оного "дергания" не происходило?

<TextInput
value={this.state.text}
onChangeText={text => {
text = text.replace(/[0-9]/g, '')
this.setState({
text
})
}}
style={styles.input}
/>

https://github.com/facebook/react-native/issues/24585

#mobile #programming #reactnative #russian

0

29.11.2022

8 ответов

18 просмотров

whyamsx

можно ведь просто сделать условие и по реге проверять перед сетСтейтом есть ли в тексте цифры

0

29.11.2022

Ivan Samoilov Автор вопроса

whyamsx
можно ведь просто сделать условие и по реге провер...

отредактировал: для уточнения приведены пример кода и гифка из поста (то есть проверка перед установкой значения в инпуте имеется)

0

29.11.2022

Мuxiddin

та же самая проблема только я уже использовал библиотеку, проверку пробовал всё равно также

0

29.11.2022

Alexander Ruchkin

Мuxiddin
та же самая проблема только я уже использовал библ...

я что то типо токого делал input.setNativeProps({ text })

0

29.11.2022

Alexander Ruchkin

input - это ref

0

29.11.2022

Мuxiddin

Alexander Ruchkin
я что то типо токого делал input.setNativeProps({ ...

Это куда

0

29.11.2022

whyamsx

https://javascript.plainenglish.io/react-native-finding-a-fix-for-flickering-field-formatting-dc1923e97cc есть такой вариант а еще сами разработчики в доках на value# пишут, что можно ограничивать maxLength и обновлять его по мере надобности, то есть сделать так, чтобы при вводе неправильного символа maxLength был равен длине текущего значения и не было таких скачков, но реализовать это за несколько минут я не смог, это решение выглядит сложным если к нему грамотно подойти, т.к. надо сделать 2 последовательных обновления состояний (сначала maxLength потом value если оно валидно), если найдется время подумать и реализовать именно это решение, то будет круто если поделишься потом им здесь со всеми

0

29.11.2022

Omur Mamytbekov · Accepted Answer

Omur Mamytbekov

Replàcе через эту сделаете

0

29.11.2022

169 похожих чатов

Всем привет! Подскажите, кто-нибудь сталкивался с "дерганием" TextInput'а, когда в него

8 ответов

Похожие вопросы