Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.10.2024, 00:44
Новичок на форуме
Отправить личное сообщение для Andrey1991 Посмотреть профиль Найти все сообщения от Andrey1991
 
Регистрация: 25.10.2024
Сообщений: 1

Как правильно реализовать фокус и клавиатуру?
Всем привет.

Есть следующий код
const inputRef = React.useRef()

<TextInput style={styles.input} 
                             onChangeText={onChangeTitleText}
                             ref={inputRef}
                             placeholder='Введите текст.'/>

                           <Dropdown
                                style={styles.dropdown}
                                placeholderStyle={styles.placeholderStyle}
                                selectedTextStyle={styles.selectedTextStyle}
                                data={MenuSelectColor}
                                maxHeight={300}
                                labelField="label"
                                valueField="value"
                                placeholder="Color"
                                underlineColor="transparent"
                                value="1"
                                filterInputAutoFocus
                                onChange={item => {
                                    console.log(item.label)
                                }}/>

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

При появлении компонентов, фокус падает на инпут как и задумано.

Но я столкнулся с проблемой, если начинаешь что-то нажимать на компоненте Dropdown, то фокус с инпута уходит, и клавиатура исчезает. А мне хотелось бы что бы клавиатура не исчезала) Может как-то по другому можно это реализовать?

В статьях советуют это лечить через filterInputAutoFocus, но мне это не помогло. Подскажите пожалуйста как это решить, желательно с примером
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно настроить Google Cloud CDN? alexriver Серверные языки и технологии 1 27.08.2020 15:01
Как правильно настроить очерёдность выполнения функций? Altai Общие вопросы Javascript 8 01.02.2017 19:32
Как применить правильно фокус Giorgi jQuery 3 28.12.2016 17:56
Как правильно реализовать замену? suxxoi AJAX и COMET 9 29.09.2016 18:30
Как правильно очистить maxlength в input? Маэстро Events/DOM/Window 10 22.06.2011 18:14