What is the prop type for StyleSheet validation

Question

I'm writing components for our react-native project

I get this error from prop-types

"Warning: Failed prop type: Invalid prop containerStyle of type number supplied to ImagePicker, expected object."

Simplified example:

common-styles.js

    export const defaultStyle = StyleSheet.create({
      container: {
        color: 'red',
        borderWidth: 2
      }
    });

image-picker.js

    ImagePicker.propTypes = {
      containerStyle: PropTypes.shape(),
    };

app.js

    <ImagePicker containerStyle={styles.defaultStyle} />

What is the PropType for passing Stylesheet variables?

Thank you

Where is styles (of containerStyle={styles.defaultStyle}) being defined? — acdcjunior
Here are some of the possible solutions. stackoverflow.com/questions/34626298/… — Susth
@Susth, thanks tried it, although I am getting an error if i use array <ImagePicker containerStyle={[form_input.pads, { borderWidth: 1 }]} />, I'll be checking this again and see if I can workaround the array issue — mjabadilla

inDream inDream · Accepted Answer · 2018-03-25T04:36:07

import { ViewPropTypes } from 'react-native';
ImagePicker.propTypes = {
  containerStyle: ViewPropTypes.style,
};