如何在propTypes中声明样式？

Question

启用了forbid-prop-types规则后,eslint禁止使用style: React.PropTypes.object,shape建议使用.

但是真的有必要为此目的定义所有可用的属性吗？

DEMO.propTypes = {
    style: React.PropTypes.shape({
        color: React.PropTypes.string,
        fontSize: React.PropTypes.number,
        ...
    })
};

定义代码太多了!

Answer 1

React Native现在包含ViewPropTypes,将替换View.propTypes.style.用法示例:

import { ViewPropTypes } from 'react-native';

MyComponent.propTypes = {
  style: ViewPropTypes.style
};

Answer 2

View.propTypes.style

要么

Text.propTypes.style

它看起来像这样:

DEMO.propTypes = {
    style: Text.propTypes.style,
    ...
};

https://facebook.github.io/react-native/releases/0.21/docs/style.html#pass-styles-around

Answer 3

一种可能性是使用react-style-proptype包,如下所示:

import stylePropType from 'react-style-proptype';

MyComponent.propTypes = {
  style: stylePropType,
};

Answer 4

使用下面的简单代码。

PropTypes.oneOfType([PropTypes.object, PropTypes.array])

因此，您可以将此代码应用于此。

DEMO.propTypes = {
    style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
};

在 RN > 0.57 中测试。