Question

我的组件结构简单，并且在树中的某个地方<Text>我希望以一种样式传递。这对于proptypes验证非常有效。

基本设置不仅仅是

export default class Component extends PureComponent {
    render() {
        return (<View><Text style={this.props.style}>Some text</Text></view>);
    }
}

Component.defaultProps = {
    style: null,
};

Component.propTypes = {
    style: ViewPropTypes.style,
};

问题是ViewPropTypes.style不包含ie color键。因此，提供带有颜色的样式无效并产生警告。我尝试导入TextStylePropTypes，因为我在https://github.com/facebook/react-native/blob/master/Libraries/Text/TextStylePropTypes.js中找到了它，但它未定义。

有关如何做的任何建议？

Answer 1

对于任何想要实现这一目标的人来说，似乎View.propTypes.style已被弃用，而Text.propTypes.style则不被弃用。

Answer 2

由于传递的样式道具用于“文本”节点，请使用Text.propTypes.style，如下所示...

Component.propTypes = {
    style: Text.propTypes.style
};

用于文本样式的react-native prop类型

2 个答案: