Qfyilyi

I want to show a hamburger icon on the left side(it should be shown on all the header who uses drawer navigation) and post property button on the right side. I tried using headerRight and headerLeft but it is not showing any icons or buttons or whatever.

Here is what i have done

const SimpleStack = StackNavigator({

  Home: {

    screen: MyHomeScreen

  },

  PostProperty: {

    screen: PostProperty

  }

});



class DrawerView extends React.Component {

  render() {

    const { navigation } = this.props;

    return (

      <View>

        <View style={{ backgroundColor: "red", padding: 100 }} />

        <View style={{ padding: 20 }}>

          <TouchableOpacity onPress={() => navigation.navigate("Rent")}>

            <Text>Rent</Text>

          </TouchableOpacity>

          <TouchableOpacity onPress={() => navigation.navigate("Buy")}>

            <Text>Buy</Text>

          </TouchableOpacity>

          <TouchableOpacity onPress={() => navigation.navigate("PostProperty")}>

            <Text>Post Property</Text>

          </TouchableOpacity>

        </View>

      </View>

    );

  }

}



const DrawerStack = DrawerNavigator(

  {

    Main: {

      screen: SimpleStack

    },

    Rent: {

      screen: Rent

    },

    Buy: {

      screen: Buy

    }

  },

  {

    contentComponent: DrawerView,

    drawerWidth: 280

  }

);



export default DrawerStack;





const MyHomeScreen = ({ navigation }) => (

  <View style={styles.container}>

    <Text>Home</Text>

  </View>

);



MyHomeScreen.navigationOptions = {

  title: "RoomFinder",

  drawer: {

    icon: () => {

      <Image source={require("../../assets/menu@2x.png")} />;

    },

    headerRight: <Button title="Post Property" />

  }

};





const Rent = ({ navigation }) => (

  <View>

    <ScrollView horizontal={true} showsHorizontalScrollIndicator={true}>

      <View>

        <Text>

          Rent Screen

        </Text>

      </View>

    </ScrollView>

  </View>

);



Rent.navigationOptions = {

  title: "Rent"

};