2017-01-31 12 views
6

Piszę aplikację React Native i chcę wykryć dotknij/kliknięcia w dowolnym miejscu na ekranie, więc umieścić handler onClick na mój element <View>, ale wydaje się, że nie działa. Oto moja funkcja renderowania:Reaktywuj natywne wykrywanie dotknij na View

<View style={styles.container} onClick={this.onClick}> 
    <Text style={styles.welcome}> 
     Tap to change the background 
    </Text> 
</View> 

Co muszę zrobić?

+0

https://facebook.github.io/react-native/docs/view.html#pointerevents – RenaissanceProgrammer

+0

@RenaissanceProgrammer Jak to zrobić? – Hum4n01d

+0

React Native nie jest ReactJS – Eldelshell

Odpowiedz

11

Do wykonywania jakiegokolwiek elementu obsłużyć dotyk/kliknij wydarzenia w React Native-UI, trzeba umieścić element wewnątrz TouchableOpacity, TouchableWithoutFeedback, TouchableNativeFeedback lub element TouchableHighlight:

<TouchableHighlight onPress = { this.onClick }> 
    <View style={styles.container}> 
    <Text style={styles.welcome}> 
     Tap to change the background 
    </Text> 
    </View> 
</TouchableHighlight> 

nadzieję, że pomoże.

+0

Spróbuję tego :) – Hum4n01d

+0

Teraz nie pokazuje ... – Hum4n01d

+0

Zakładam, że zmieniasz kolor widoku ... spróbuj ustawić kolor elementu TouchableHighlight za pomocą to jest styl. – adonike