Всем привет. - У меня есть ViewPager, в нем 2

Question

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

Всем привет. - У меня есть ViewPager, в нем 2

слайда с 2 полями ввода
- Я сделал автофокус при заходе на слайд
- Клавиатура ушлепски дергается

Этого можно как-то избежать?

#mobile #programming #reactnative #russian

0

07.06.2023

4 ответов

10 просмотров

Daniil

Daniil
Привет, надо код смотреть, если нужны зацепки, то ...

Причина такого поведения, скорее всего, связана с тем, что управление клавиатурой привязано к focus / blur статусу импута. Флоу проблемы примерно такой: onmount первого слайда -> blur -> keyboard.dismiss -> mount второго слайда -> focus -> keyboard.show Поэтому тебе надо либо отвязывать стейт клавы от стейта инпута, либо делать слайды в FlatList'e, чтобы избегать unmount / mount слайдов.

0

07.06.2023

Daniil

Daniil
Причина такого поведения, скорее всего, связана с ...

Еще можешь попробовать на onBlur первого инпута сделать фокус второго и убрать с него автофокус. Что-то типа такого: const Component = () => { const secondTextInput = useRef(null); const handleBlur = () => { secondTextInput.current.focus(); }; return ( <View> <TextInput onBlur={handleBlur} ... /> <TextInput ref={secondTextInput} .... /> </View> ); };

0

07.06.2023

George Wiseman Автор вопроса

Daniil
Привет, надо код смотреть, если нужны зацепки, то ...

У меня как только слай становится активным - фокусирую инпут Сами слайды - внутри PagerView. Свайп PagerView автоматом закрывает клавиатуру в любом случае. Так что попробую с FlatList вариант

0

07.06.2023

Daniil · Accepted Answer

Привет, надо код смотреть, если нужны зацепки, то я бы смотрел на управление клавиатурой: Keyboard.dismiss / show Либо же вообще переписывал слайды через горизонтальный FlatList с такими пропсами: <FlatList data={...} horizontal pagingEnabled showsHorizontalScrollIndicator={false} bounces={false} renderItem={...} keyExtractor={...} />

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

Всем привет. - У меня есть ViewPager, в нем 2

4 ответов

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