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

Всем привет.

Есть следующий код

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, но мне это не помогло. Подскажите пожалуйста как это решить, желательно с примером