Question

我正在尝试为某些图标添加命中率，即使它们隐藏在其他组件下，我也希望它们能够持续存在。

这在使用zIndex道具的iOS上已经可以正常工作，但是zIndex或height道具似乎都没有对Android产生任何影响。该图标仍可单击，只是周围没有命中率。击打倾斜可能不是问题，因为当不在组件内部时，仅在屏幕上就可以正常工作。

export const RemoveIndicator = ({ icon, onPress }) => (
  <View
    style={ {
      elevation: 2,
      zIndex: 99,
    } }
  >
    <TouchableIcon
      color={ colors.Red500 }
      name={ icon || 'Circle_Remove_Solid' }
      onPress={ onPress }
      size={ 16 }
    />
  </View>
);

TouchableIcon组件是包含字形（根据颜色，名称和大小）的组件，该字形包装在带有onPress函数的TouchableOpacity中。命中率是根据大小属性在TouchableIcon内部计算的。

我希望该图标在其周围的区域中可以单击，但是只能在可见字形本身上单击。

Answer 1

据我所知，这就是它在android上的工作方式。请查看类似的问题： Children not clickable outside parent view

和本文：Solving View Overflow in Android

React Native View上的'elevation'/'zIndex'道具在Android上不起作用

1 个答案: