web-dev-qa-db-ja.com

テキストスタイルの反応ネイティブプロップタイプ

単純な構造と<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をインポートしようとしましたが、定義されていません。

何をすべきかについてのアドバイスはありますか?

11
patman

これを達成しようとしている人にとってはView.propTypes.styleは非推奨ですが、Text.propTypes.style ではありません。

20
patman

渡されたスタイルプロップはテキストノード用であるため、以下に示すようにText.propTypes.styleを使用します...

Component.propTypes = {
    style: Text.propTypes.style
};
2
Galeel Bhasha