Скрыть / Показать компоненты в реагировать родной
Я действительно новичок в React Native и мне интересно, как я могу скрыть / показать компонент.
Вот мой тестовый пример:
<TextInput
onFocus={this.showCancel()}
onChangeText={(text) => this.doSearch({input: text})} />
<TouchableHighlight
onPress={this.hideCancel()}>
<View>
<Text style={styles.cancelButtonText}>Cancel</Text>
</View>
</TouchableHighlight>
у меня естьTextInput
компонент, что я хочу, чтобы показатьTouchableHighlight
когда ввод получает фокус, затем скрытьTouchableHighlight
когда пользователь нажимает кнопку отмены.
Я не знаю, как "получить доступ" кTouchableHighlight
компонент для того, чтобы скрыть / показать его внутри моих функцийshowCancel/hideCancel
.
Кроме того, как я могу скрыть кнопку с самого начала?