Jak zadeklarować styl w propTypes?

Question

Z włączoną regułą forbid-prop-types, eslint zabrania mi używania style: React.PropTypes.object i sugeruje użycie shape.

Ale czy naprawdę konieczne jest zdefiniowanie wszystkich dostępnych właściwości w tym celu?

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

Zbyt dużo kodu definicji!

Answer 1

Jedną z możliwości jest użycie pakietu react-style-proptype tak:

import stylePropType from 'react-style-proptype'; 

MyComponent.propTypes = { 
    style: stylePropType, 
}; 

Answer 2

View.propTypes.style 

lub

Text.propTypes.style 

To będzie wyglądać następująco:

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

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

Answer 3

React Native zawiera teraz ViewPropTypes, który zastąpi View.propTypes.style. Przykład użycia:

import { ViewPropTypes } from 'react-native'; 

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