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

Question

我有一个组件需要一个包含子组件的syling的属性。我想确保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将展示当border在textStyle属性定义的YellowBox警告。

注：这也将导致一个无效的样式属性渲染Text一个组件内出现时，经常Failed prop type supplied to Text...警告。 propTypes验证允许您的自定义组件同时验证这一点，为您提供更好的粒度。