Package Exports

react-native-style-prop-type
react-native-style-prop-type/src/react-native-style-prop-type.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-style-prop-type) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Native Style Prop Type

Description

Validate React Native styles by ensuring the style keys are valid React Native style properties.

Required prop type validation is supported, similar to the built-in prop types.
- ReactNativeStylePropType.isRequired
Style array validation is also supported.
- style={[styles.textStyle1, styles.textStyle2]}

Usage

import { StyleSheet, Text, View } from 'react-native';
import ReactNativeStylePropType from 'react-native-style-prop-type';

const Component = ({style, textStyle}) => (
  <View style={style}>
    <Text style={textStyle}>My Component</Text>
  </View>
);

Component.propTypes = {
  style: ReactNativeStylePropType.isRequired,
  textStyle: ReactNativeStylePropType
};

const Page = () => (
  <Component style={styles.style} textStyle={[styles.textStyle1, styles.textStyle2]} />
);

const styles = StyleSheet.create({
  style: { ... },
  textStyle1: { ... },
  textStyle2: { ... }
})

Installation

npm i react-native-style-prop-type -S

Special Thanks

Thanks to Frankie Bagnardi for creating the original react-style-proptype package which this package builds on top of.