如何在propType中声明样式？

Question

启用forbide-prop-type规则后，eslint禁止我使用style： React。PropTypes.object，建议使用形状。

但是真的有必要像这样定义所有可用的属性吗？

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

太多的定义代码！

Answer 1

一种可能是使用react样式proptype包，如下所示：

import stylePropType from 'react-style-proptype';

MyComponent.propTypes = {
  style: stylePropType,
};

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-周围的样式

Answer 3

React Native现在包含ViewPropTypes，它将取代视图。道具类型。样式。用法示例：

import { ViewPropTypes } from 'react-native';

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