TouchableOpacity без привязки, в то время как TextInput имеет фокус

Я реализовал панель поиска, включая TextInput и кнопку поиска. Идея состоит в том, чтобы ввести то, что вы хотите найти, и нажать кнопку поиска. Моя проблема в том, что кнопка не имеет значения, а TextInput имеет фокус. Значение Я должен щелкнуть дважды, чтобы выполнить поиск, один раз, чтобы TextInput потерял фокус и один раз нажал кнопку поиска.

Здесь мой код:

<View style={styles.searchView}>
    <View style={styles.textInputView}>
        <View>
            <TextInput style={styles.textInput}
                       placeholder="Sök användare"
                       multiline={false}
                       autoFocus={true}
                       autoCapitalize="words"
                       underlineColorAndroid="transparent" />
        </View>
    </View>
    <TouchableOpacity>
        <View style={styles.searchButton}>
            <Image style = {styles.searchThumbnail}
                       source = {require('../images/navigatorThumbnails/search.png')}/>
        </View>
    </TouchableOpacity>
</View>

Есть ли способ сделать TouchableOpacity доступным, а TextInput имеет фокус?

Ответы

Ответ 1

В Scrollviews (а также ListViews) есть свойство, называемое keyboardShouldPersistTaps.

Для версии React-Native >= 0.41

В документации написано:

Определяет, когда клавиатура должна оставаться видимой после крана.

  • 'never' (по умолчанию), выстукивая вне сфокусированного ввода текста, когда клавиатура закрывает клавиатуру. Когда это произойдет, дети не получат ответвление.

  • 'always', клавиатура не будет автоматически удаляться, и в представлении прокрутки не будут отображаться краны, но дети из вида прокрутки могут захватывать отводы.

  • 'handled', клавиатура не будет автоматически удаляться, если кран был обработан дочерними элементами (или захвачен предком).

Установите для параметра always или handled ожидаемое поведение.

Устаревшая версия для React-Native < 0,41

В документации написано:

Если false, нажатие на клавиатуре вне фокусного текста, когда клавиатура закрыта, отключается. Когда true, представление прокрутки не будет захватывать краны, и клавиатура не будет автоматически удаляться. Значение по умолчанию - false.

Установите для параметра true ожидаемое поведение. Возможно, вам придется установить эту опору в разных местах вашего дерева компонентов.