undefined is not an object (evaluating '_reactNative.propTypes.object')

[Julianhm9612]

My problem is the next:

undefined is not an object (evaluating '_reactNative.propTypes.object')

I'm using part of the react-native-material demo:

import React, { Component } from 'react';
import { PropTypes, View, Text, Image } from 'react-native';
import { Avatar, Drawer, Divider, COLOR, TYPO } from 'react-native-material-design';

export default class Navigation extends Component {
static contextTypes = {
drawer: PropTypes.object.isRequired,
navigator: PropTypes.object.isRequired
};
constructor(props) {
super(props);
this.state = {
route: null
}
}
changeScene = (path, name) => {
const { drawer, navigator } = this.context;
this.setState({
route: path
});
navigator.to(path, name);
drawer.closeDrawer();
};
render() {
const { route } = this.state;
return (

<Drawer.Header image={<Image source={require('./../img/nav.jpg')} />}>

<Avatar size={80} image={<Image source={{ uri: "http://facebook.github.io/react-native/img/opengraph.png?2" }}/>} />
<Text style={[styles.text, COLOR.paperGrey50, TYPO.paperFontSubhead]}>React Native Material Design

</Drawer.Header>

            <Drawer.Section
                items={[{
                    icon: 'home',
                    value: 'Welcome',
                    active: !route || route === 'welcome',
                    onPress: () => this.changeScene('welcome'),
                    onLongPress: () => this.changeScene('welcome')
                }]}
            />

            <Drawer.Section
                title="Components"
                items={[{
                    icon: 'face',
                    value: 'Avatars',
                    label: '12',
                    active: route === 'avatars',
                    onPress: () => this.changeScene('avatars'),
                    onLongPress: () => this.changeScene('avatars')
                },
                {
                    icon: 'label',
                    value: 'Subheaders',
                    label: '4',
                    active: route === 'subheaders',
                    onPress: () => this.changeScene('subheaders'),
                    onLongPress: () => this.changeScene('subheaders')
                }]}
            />
            <Divider style={{ marginTop: 8 }} />
            <Drawer.Section
                title="Config"
                items={[{
                    icon: 'invert-colors',
                    value: 'Change Theme',
                    label: '24',
                    active: route === 'themes',
                    onPress: () => this.changeScene('themes'),
                    onLongPress: () => this.changeScene('themes')
                }]}
            />
        </Drawer>
    );
}

}

const styles = {
header: {
paddingTop: 16
},
text: {
marginTop: 20
}
};

Why can it happen?

[hramos]

Hey, thanks for reporting this issue!

It looks like your description is missing some necessary information. Can you please add all the details specified in the template? This is necessary for people to be able to understand and reproduce the issue being reported.

I am going to close this, but feel free to open a new issue with the additional information provided. Thanks!