реагировать родной: как создать боковое меню с навигацией между представлениями с помощью DrawerLayoutAndroid

Вам просто нужно немного изменить свой код, чтобы визуализировать сам компонент Navigator и поместить то, что у вас уже есть, в его метод renderScene. Это должно быть что-то вроде этого:

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  DrawerLayoutAndroid,
  StyleSheet,
  TouchableHighlight,
  Text,
  Navigator,
  View,
  Image
} = React;
var ContentView = React.createClass({
  render() {
    return(
      <View>
        <Text style={styles.contentStyle}>Hello</Text>
      </View>
      );
  }
});
var Test = React.createClass({
  openD() {
    this.refs['DRAWER'].openDrawer();
  },
  renderScene = (route, navigator) => {
    var navigationView = (
      //Here you can pass the navigator objects to your views to push/pop them and navigate
      <View style={styles.contentStyle}>
        <Text>First View</Text>
        <Text>Second View</Text>
        <Text>Third View</Text>
      </View>
    );

    return (
      <DrawerLayoutAndroid
        drawerWidth={300}
        drawerPosition={DrawerLayoutAndroid.positions.Left}
        ref={'DRAWER'}
        renderNavigationView={() => navigationView}>
        <View style={{flex: 1, backgroundColor: 'white'}}>
          <TouchableHighlight onPress={this.openD} underlayColor='transparent'>
            <Image 
            source={{uri:'https://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/menu-alt-512.png'}} 
            style={styles.img}/>
          </TouchableHighlight>
          <ContentView/>
        </View>
      </DrawerLayoutAndroid>
    );
  }

  render() {
    return (
    <Navigator
      renderScene={this.renderScene}
    />
  )}
});