在React Native中验证样式属性类型

Question

我有一个组件，该组件具有一个包含子组件样式的属性。我想确保propTypes正确验证它的类型。我可以从React Native代码中获得一个ViewStylePropTypes提供此功能的模块，但是我似乎无法找到它的公开位置。

我想知道的是，在不重新发明轮子的情况下进行验证的正确方法是什么？

Answer 1

要强制使用样式限制，PropTypes请根据要呈现的组件类型使用以下内容：

MyComponent.propTypes = {
  /**
  * Style to be applied to the containing <View>
  */
  buttonStyle: View.propTypes.style,
  /**
  * Style to be applied to the inner <Text>
  */
  textStyle: Text.propTypes.style
}

例如，在属性中定义Text.propTypes.style时，将显示YellowBox警告。bordertextStyle

注意：这还将导致在具有无效样式属性的组件内部进行Failed prop type supplied to Text...渲染时发生常规警告Text。该propTypes验证可让您的自定义组件，同时也验证这一点，给你更好的粒度。