时间戳

首页 > 解决方案 > 按下时TouchableOpacity不起作用（React-Native）

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

问题描述

我有一个 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),
  },

标签： cssreactjsreact-nativetouchableopacity

解决方案

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

推荐阅读