TouchableNativeFeedback

TouchableNativeFeedback

我目前正面临挑战similar to this,但是该解决方案不适用于我。

我有一个模态,正在其上创建一个按钮以关闭模态。这是一个功能组件,可在modalClosed中获取功能。

<TouchableNativeFeedback onPress={props.modalClosed}>
       <View style={{ backgroundColor: '#5d5d5d', padding: 10 }}>
             <Text style={[globalStyles.text, { textAlign: 'center' }]}>Close!</Text>
       </View>
</TouchableNativeFeedback>


由于某种原因,这没有执行onPress事件。

但是,如果我用下面的代码替换它,则它可以工作。

<Button title="Close" onPress={props.modalClosed} color='#5d5d5d' />


使用TouchableNativeFeedback的类似实现可在另一个屏幕(非模式)上运行。有人可以解释一下是否做错了吗?

样本链接

https://snack.expo.io/HylsYzoIS

最佳答案

我有一个类似的问题,这是我的解决方案。
错误-请勿像这样导入:
从'react-native-gesture-handler'导入{TouchableNativeFeedback};

解:
我从'react-native'导入了TouchableNativeFeedback,如下所示:
从'react-native'导入{TouchableNativeFeedback};

我认为从'react-native-gesture-handler'导入Modable组件中的TouchableOpacity和TouchableNativeFeedback不会触发onPress,只有Button可以工作。

希望这可以帮助

关于javascript - TouchableNativeFeedback onPress不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/57937928/

10-16 08:13