react-native prop type for text style

Question

i have component with a simple structure and a <Text> somewhere inside the tree for which i want to pass in a style. Which works perfectly but for the proptypes validation.

The basic setup is not much more than that

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,
};

The problem is that the ViewPropTypes.style does not contain i.e. color key. So providing a style with a color is invalid and produces a warning. I tried to import TextStylePropTypes as i found in https://github.com/facebook/react-native/blob/master/Libraries/Text/TextStylePropTypes.js but it is undefined.

Any advice on what to do?

Answer 1

As the passed style prop is for the Text node, use Text.propTypes.style as shown below...

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

Answer 2

For anybody trying to achieve this seems like View.propTypes.style is deprecated while Text.propTypes.style is not.