react-native - React Native，TouchableOpacity 警报一无所获

Question

当我单击按钮打开切换时，它工作正常，但是当我想单击以显示警报时，我什么也没得到。任何想法

 <View style={[styles.container, this.props.style]}>

            <TouchableWithoutFeedback>
                <Animated.View style={[styles.button, styles.menu, Epargne]}>
                    <Text style={{ color: '#fff' }} >  Epargne  </Text>
                </Animated.View>
            </TouchableWithoutFeedback>

            <TouchableWithoutFeedback>
                <Animated.View style={[styles.button, styles.menu, Essentials]}>
                    <Text style={{ color: '#fff', paddingBottom: 15, paddingLeft: 5 }} >  Essentials  </Text>
                </Animated.View>
            </TouchableWithoutFeedback>

            <TouchableWithoutFeedback onPress={() => Alert.alert('saveIconn')}>
                <Animated.View style={[styles.button, styles.menu, Plaisirs]}>
                    <Text style={{ color: '#fff', padding: 11 }} >  Petits Plaisirs  </Text>
                </Animated.View>
            </TouchableWithoutFeedback>

            <TouchableWithoutFeedback onPress={this.toggleMenu}>
                <Animated.View style={[rotation]}>
                    <Image
                        style={{ width: 90, height: 110, padding: 50, paddingLeft: 80 }}
                        source={require('../assets/budget.jpg')}
                    />
                    <Text style={{ color: '#000', padding: 11 }} > Gerer mon Budget </Text>
                </Animated.View>
            </TouchableWithoutFeedback>
        </View>

Answer 1

这可能会有所帮助

showAlert = () => {
 Alert.alert('saveIconn')
}

<TouchableWithoutFeedback onPress={this.showAlert}>
    <Animated.View style={[styles.button, styles.menu, Plaisirs]}>
      <Text style={{ color: '#fff', padding: 11 }} >  Petits Plaisirs  </Text>
    </Animated.View>
</TouchableWithoutFeedback>