按下时TouchableOpacity不起作用（React-Native）答案

【问题标题】：TouchableOpacity not working when pressed (React-Native)按下时TouchableOpacity不起作用（React-Native）
【发布时间】：2021-07-07 09:21:22
【问题描述】：

我有一个 TouchableOpacity 组件，当它被按下时它什么也不做。我检查了解决方案，对我来说一切都很好，我正在正确导入组件并且我没有指定绝对位置。

注意：hp & wp 来自一个库，其中 wp(100) 是屏幕宽度的 100%

这是我的实现：

<View style={styles.container}>
    <View style={styles.header}>
      <TouchableOpacity
        style={styles.icon}
        onPress={() => console.log('Dismissed')}
      >
        <SimpleArrowLeft />
      </TouchableOpacity>

      <Text style={styles.title}>{getMessageByKey('uploadRecipe.selectMedia')}</Text>
    </View>
    .
    .
    .

对于样式：

container: {
    backgroundColor: Colors.white,
    width: wp(100),
    height: hp(100),
    left: wp(-5),
  },
  header: {
    paddingTop: wp(5),
    height: hp(7),
    width: wp(100),
    flexDirection: 'row',
    // alignItems: 'center',
  },
  icon: {
    height: hp(3.5),
    width: hp(3.5),
  },

【问题讨论】：

为 touchableopacity 赋予背景颜色并检查其高度和宽度是否合适
嗨@EndLess。我检查了它的宽度和高度是否合适。我检查了许多解决方案并全部应用了它们，但仍然无法正常工作
你能把上述错误的示例发给我吗？
你是从 react-native-gesture-handler 导入 TouchableOpacity 吗？如果是，直接从 react-native 包导入
@BloodyMonkey 不，我从 react-native 包导入

标签： css reactjs react-native touchableopacity

【解决方案1】：

已解决：我在样式中使用postion: 'relative' 的样式中的TouchableOpacity。所以解决方案是将TouchableOpacity放在父视图的末尾并且它是固定的

【讨论】：