単純な構造と<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にcolor
キーが含まれていないことです。したがって、色付きのスタイルを指定すると無効になり、警告が生成されます。 https://github.com/facebook/react-native/blob/master/Libraries/Text/TextStylePropTypes.js にあるTextStylePropTypes
をインポートしようとしましたが、定義されていません。
何をすべきかについてのアドバイスはありますか?
これを達成しようとしている人にとってはView.propTypes.style
は非推奨ですが、Text.propTypes.style
ではありません。
渡されたスタイルプロップはテキストノード用であるため、以下に示すようにText.propTypes.style
を使用します...
Component.propTypes = {
style: Text.propTypes.style
};