时间戳

首页 > 解决方案 > React-Native：TouchableOpacity 不适用于 Android 中的 Absolute

react-native - React-Native：TouchableOpacity 不适用于 Android 中的 Absolute

问题描述

抱歉，我已经尝试解决此问题已有一段时间了，但无法弄清楚:(我无法让下面的可触摸不透明度适用于 Android。它适用于 IOS。

根据我的搜索，absolute 和 touchableopacity 似乎不能很好地协同工作（可能是 zindex 问题）。当我删除所有绝对值时，它就完美了。

我查看了其他 StackOverflows，但没有得到一个好的答案。

  <View style={{ position: 'absolute', justifyContent: 'space-between' }}>

   <TouchableOpacity
  onPress={()=>{
    console.log("move next tapped");
  }}>
  <View style={{ position: 'absolute', left: wp('90%'), top: wp('50%')}}>

  <MaterialIcon
  name="arrow-right-bold-circle"
  size={25}
  color="#828282"
  />
  </View>
  </TouchableOpacity> 

</View>

标签： react-nativeflexbox

解决方案

好吧，很愚蠢，我解决了。只是将视图移出可触摸的不透明度。

<View style={{ position: 'absolute', justifyContent: 'space-between' }}>
      <View style={{ position: 'absolute', left: wp('90%'), top: wp('50%')}}>

      <TouchableOpacity
      onPress={()=>{
        console.log("move next tapped");

      }}>


      <MaterialIcon
      name="arrow-right-bold-circle"
      size={25}
      color="#828282"
      />

      </TouchableOpacity> 

      </View>

   </View>

推荐阅读