Hide / Show Komponenten in reagieren native
Ich bin wirklich neu in React Native und frage mich, wie ich eine Komponente ein- / ausblenden kann.
Hier ist mein Testfall:
<TextInput
onFocus={this.showCancel()}
onChangeText={(text) => this.doSearch({input: text})} />
<TouchableHighlight
onPress={this.hideCancel()}>
<View>
<Text style={styles.cancelButtonText}>Cancel</Text>
</View>
</TouchableHighlight>
Ich habe einTextInput
-Komponente, was ich will, ist das @ zu zeigTouchableHighlight
Wenn der Eingang den Fokus erhält, dann verstecke dasTouchableHighlight
Wenn der Benutzer die Abbruchtaste drückt.
Ich weiß nicht, wie ich auf das @ "zugreifen" soTouchableHighlight
Komponente, um es innerhalb meiner Funktionen zu verstecken / zeigenshowCancel/hideCancel
.
Auch, wie kann ich die Schaltfläche von Anfang an ausblenden?