diff --git a/src/NavBar.js b/src/NavBar.js
index acf6808e0..ffd396d61 100644
--- a/src/NavBar.js
+++ b/src/NavBar.js
@@ -281,6 +281,7 @@ class NavBar extends React.Component {
     function tryRender(state, wrapBy) {
       let onPress = state.onLeft;
       let buttonImage = state.leftButtonImage;
+      let menuIcon = state.drawerIcon;
       const style = [styles.leftButton, self.props.leftButtonStyle, state.leftButtonStyle];
       const textStyle = [styles.barLeftButtonText, self.props.leftButtonTextStyle,
         state.leftButtonTextStyle];
@@ -304,9 +305,17 @@ class NavBar extends React.Component {
 
       if (!onPress && !!drawer && typeof drawer.toggle === 'function') {
         buttonImage = state.drawerImage;
-        if (buttonImage) {
+        if (buttonImage || menuIcon) {
           onPress = drawer.toggle;
         }
+        if (!menuIcon) {
+          menuIcon = (
+            <Image
+              source={buttonImage}
+              style={state.leftButtonIconStyle || styles.defaultImageStyle}
+            />
+          );
+        }
       }
 
       if (onPress && (state.leftTitle || buttonImage)) {
@@ -325,10 +334,7 @@ class NavBar extends React.Component {
             }
             {buttonImage &&
               <View style={{ flex: 1, justifyContent: 'center', alignItems: 'flex-start' }}>
-                <Image
-                  source={buttonImage}
-                  style={state.leftButtonIconStyle || styles.defaultImageStyle}
-                />
+                {menuIcon}
               </View>
             }
           </TouchableOpacity>