title: JSX attributes must only be assigned a non-empty expression
body: <p>I am trying to create a custom drawer in react-navigation. However I am getting an error. The error is <code>JSX attributes must only be assigned a non-empty expression</code>. I have even create the array and maped it to show but still getting an error. Did i miss anything? </p>
  
  <pre><code>import { StackNavigator, DrawerNavigator } from 'react-navigation';
  import { View, Text, Image, TouchableOpacity } from 'react-native';
  import Icon from 'react-native-vector-icons/Ionicons';        
  
  const navitems =[
      {
        name:'Home',
        nav:'classesnew',
      },
      {
        name:'Device',
        nav:'start',
      },
  ]
  
  
  class DrawerContent extends React.Component{
    constructor(props) {
      super(props)
    }
    render(){
      return  (
        &lt;Image source={require('../images/logo.png')}
        style={styles.container}&gt;
                &lt;View style={{justifyContent: 'center',
                alignItems: 'center',}}&gt;
                  &lt;Image style={styles.image} source={{uri: ''}}/&gt;
                &lt;/View&gt;
                &lt;View&gt;
                {
                    navitems.map((l,i)=&gt;{
                      return (
                        &lt;TouchableOpacity
                            key={i}
                            style={{marginBottom:0.5}}
                            onPress={()=&gt;{
                                          this.props.navigation.navigate(l.nav)
                                          }
                        }&gt;
                          &lt;View style={{flexDirection:'row', padding: 15, paddingLeft:0, backgroundColor:'#fff0', borderTopWidth:0.5, borderColor:'rgba(255,255,255, 0.5)', marginLeft: 20, marginRight:20}}&gt;
                            &lt;Icon name={l.icon} size={20} style={{paddingLeft:10, paddingRight: 20, height: 25,  }} color="#ffffff" /&gt;
                            &lt;Text style={{fontSize:16, fontWeight: 'bold',color:'#fff'}}&gt;{l.name}&lt;/Text&gt;
                          &lt;/View&gt;
                        &lt;/TouchableOpacity&gt;)
                    })
                }
                &lt;/View&gt;
            &lt;/Image&gt;)
    }
  }
  
  const DrawerRoutes = (
    {
        Main: { screen: App, title: 'Main' },
        Device: { screen: Device, title: 'Device' },
    })
  
  const Drawer = DrawerNavigator(DrawerRoutes ,{
    contentComponent:({navigation})=&gt; &lt;DrawerContent navigation={navigation} routes={DrawerRoutes} /&gt;,
  });
  
  
  Drawer.navigationOptions = {
  
    contentOptions: {
      activeBackgroundColor: '#ff5976',
      style: {
        backgroundColor: '#000000',
        zIndex: 100,
        paddingTop: 0
      }
    },
    header: ({ state, setParams, navigate, dispatch })  =&gt; ({
      visible: true,
      tintColor: '#ffffff',
      title: "LokaLocal",
      style: {
        backgroundColor: '#ff5976'
      },
      right: (
          &lt;TouchableOpacity
            onPress={() =&gt; navigate('DrawerOpen')}
          &gt;
            &lt;Icon name="search" size={16} style={{ padding: 10, paddingRight: 20 }} color="#ffffff" /&gt;
          &lt;/TouchableOpacity&gt;
        ),
      left: (
          &lt;TouchableOpacity
            onPress={}
          &gt;
            &lt;Icon name="bars" size={16} style={{ padding: 10, paddingLeft: 20 }} color="#ffffff" /&gt;
          &lt;/TouchableOpacity&gt;
        ),
    })
  }
  
  
  export const Routes = StackNavigator(
    {
      Login: { screen: Login },
      Dashboard: {screen: Drawer},
    },
  );
  </code></pre>
  
  <p>I am using react-navigation 1.0.0.bet.9 </p>