Support ReactNavigation's drawerWidth property (#2515)

aksonov · Oct 17, 2017 · 9d52768 · 9d52768
1 parent bc8fcc3
commit 9d52768
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/Example/Example.js b/Example/Example.js
@@ -125,6 +125,7 @@ const Example = () => (
               key="drawer"
               contentComponent={DrawerContent}
               drawerImage={MenuIcon}
+              drawerWidth={300}
             >
               {/*
                 Wrapper Scene needed to fix a bug where the tabs would

diff --git a/dist/navigationStore.js b/dist/navigationStore.js
@@ -379,7 +379,7 @@ return null;
 }
 var res={};
 var order=[];var _scene$props=
-scene.props,navigator=_scene$props.navigator,contentComponent=_scene$props.contentComponent,lazy=_scene$props.lazy,duration=_scene$props.duration,parentProps=_objectWithoutProperties(_scene$props,['navigator','contentComponent','lazy','duration']);var
+scene.props,navigator=_scene$props.navigator,contentComponent=_scene$props.contentComponent,drawerWidth=_scene$props.drawerWidth,lazy=_scene$props.lazy,duration=_scene$props.duration,parentProps=_objectWithoutProperties(_scene$props,['navigator','contentComponent','drawerWidth','lazy','duration']);var
 tabs=parentProps.tabs,modal=parentProps.modal,lightbox=parentProps.lightbox,overlay=parentProps.overlay,tabBarPosition=parentProps.tabBarPosition,drawer=parentProps.drawer,tabBarComponent=parentProps.tabBarComponent,transitionConfig=parentProps.transitionConfig;
 if(scene.type===_Modal2.default){
 modal=true;
@@ -506,7 +506,7 @@ tabBarPosition=_reactNative.Platform.OS==='android'?'top':'bottom';
 return(0,_reactNavigation.TabNavigator)(res,_extends({lazy:lazy,tabBarComponent:tabBarComponent,tabBarPosition:tabBarPosition,initialRouteName:initialRouteName,initialRouteParams:initialRouteParams,order:order},commonProps,{
 tabBarOptions:createTabBarOptions(commonProps),navigationOptions:createNavigationOptions(commonProps)}));
 }else if(drawer){
-return(0,_reactNavigation.DrawerNavigator)(res,_extends({initialRouteName:initialRouteName,contentComponent:contentComponent,order:order},commonProps));
+return(0,_reactNavigation.DrawerNavigator)(res,_extends({initialRouteName:initialRouteName,contentComponent:contentComponent,drawerWidth:drawerWidth,order:order},commonProps));
 }else if(overlay){
 return(0,_OverlayNavigator2.default)(res,_extends({lazy:lazy,initialRouteName:initialRouteName,initialRouteParams:initialRouteParams,order:order},commonProps,{
 tabBarOptions:createTabBarOptions(commonProps),navigationOptions:createNavigationOptions(commonProps)}));

diff --git a/docs/API.md b/docs/API.md
@@ -109,6 +109,7 @@ Can use all `prop` as listed in `Scene` as `<Drawer>`, syntatic sugar for `<Scen
 | `drawerIcon` | `React.Component` |  | Arbitrary component to be used for drawer 'hamburger' icon, you have to set it together with `drawer` prop |
 | `hideDrawerButton` | `boolean` | `false` | Boolean to show or not the drawerImage or drawerIcon |
 | `drawerPosition` | `string`  | Determines whether the drawer is on the right or the left. Keywords accepted are `right` and `left` |
+| `drawerWidth` | `number`  |  | The width, in pixels, of the drawer (optional)
 
 
 ## Modals (`<Modal>` or `<Scene modal>`)

diff --git a/src/navigationStore.js b/src/navigationStore.js
@@ -379,7 +379,7 @@ class NavigationStore {
     }
     const res = {};
     const order = [];
-    const { navigator, contentComponent, lazy, duration, ...parentProps } = scene.props;
+    const { navigator, contentComponent, drawerWidth, lazy, duration, ...parentProps } = scene.props;
     let { tabs, modal, lightbox, overlay, tabBarPosition, drawer, tabBarComponent, transitionConfig } = parentProps;
     if (scene.type === Modal) {
       modal = true;
@@ -506,7 +506,7 @@ class NavigationStore {
       return TabNavigator(res, { lazy, tabBarComponent, tabBarPosition, initialRouteName, initialRouteParams, order, ...commonProps,
         tabBarOptions: createTabBarOptions(commonProps), navigationOptions: createNavigationOptions(commonProps) });
     } else if (drawer) {
-      return DrawerNavigator(res, { initialRouteName, contentComponent, order, ...commonProps });
+      return DrawerNavigator(res, { initialRouteName, contentComponent, drawerWidth, order, ...commonProps });
     } else if (overlay) {
       return OverlayNavigator(res, { lazy, initialRouteName, initialRouteParams, order, ...commonProps,
         tabBarOptions: createTabBarOptions(commonProps), navigationOptions: createNavigationOptions(commonProps) });