在 React-Native 中，我可以将 hitSlop 值添加到 StyleSheet.create 中吗？

Question

在 React-Native 中，我在组件hitSlop中定义了 prop TouchableHightlight。我想知道是否可以将属性添加到函数中StyleSheet.create()，以及它是否也有意义？

这是我的代码示例：

const styles = StyleSheet.create({
});

const MyComp = () => (
  <TouchableHighlight hitSlop={{ top: 8, left: 8, right: 8, bottom: 8 }}>
  </TouchableHighlight>
)

Answer 1

绝对hitSlop不能成为样式表的一部分，但您可以做的是为该值创建一个变量，这样就不会在每次渲染时重新创建它。

const MY_COMP_HIT_SLOP = { top: 8, left: 8, right: 8, bottom: 8 }

const MyComp = () => (
  <TouchableHighlight hitSlop={MY_COMP_HIT_SLOP}>
  </TouchableHighlight>
)

这实际上是 React Native 人员在一个以类似方式工作的 prop 上推荐的pressRetentionOffset：（参考）