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

Question

在 React-Native 中，我在我的 TouchableHightlight 组件中定义了 hitSlop Prop 。我想知道我是否可以将这些属性添加到函数 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 ( reference )