在 react-native 中控制可触摸区域

Question

我有一个方形 TouchableOpacity 按钮，其图形只是中间的一个小圆点图标，其余为透明背景。我发现在许多 Android 设备中很难按下它，因为显然只有不透明区域是可触摸的，其余的则不是。

那么有什么方法可以控制 TouchableOpacity 或其其他类似按钮的兄弟姐妹的可触摸区域？

原文由 mllm 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 View#hitSlop 属性 来增加可触摸区域。这在您知道增加的触摸区域不会与其他可触摸对象重叠的情况下很有用。

更强大的解决方案是使用 padding 样式属性。 Touchable* 组件的可触摸区域包括元素的填充。

原文由 jevakallio 发布，翻译遵循 CC BY-SA 4.0 许可协议