From 301ea45365e71f4d3e02a91fa902e0639e4f9da1 Mon Sep 17 00:00:00 2001
From: Lucas Padilha <padil@users.noreply.github.com>
Date: Sun, 8 Oct 2017 06:40:08 -0300
Subject: [PATCH] added property inside drawerConfig to backgroundColor
 (drawerBackgroundColor) (#2698)

---
 packages/react-navigation/src/navigators/DrawerNavigator.js | 3 +++
 packages/react-navigation/src/views/Drawer/DrawerSidebar.js | 1 -
 packages/react-navigation/src/views/Drawer/DrawerView.js    | 2 ++
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/react-navigation/src/navigators/DrawerNavigator.js b/packages/react-navigation/src/navigators/DrawerNavigator.js
index 0e328aff..f6f9e1f9 100644
--- a/packages/react-navigation/src/navigators/DrawerNavigator.js
+++ b/packages/react-navigation/src/navigators/DrawerNavigator.js
@@ -32,6 +32,7 @@ const DefaultDrawerConfig = {
     Dimensions.get('window').width - (Platform.OS === 'android' ? 56 : 64),
   contentComponent: DrawerItems,
   drawerPosition: 'left',
+  drawerBackgroundColor: 'white',
   useNativeAnimations: true,
 };
 
@@ -48,6 +49,7 @@ const DrawerNavigator = (
     contentOptions,
     drawerPosition,
     useNativeAnimations,
+    drawerBackgroundColor,
     ...tabsConfig
   } = mergedConfig;
 
@@ -83,6 +85,7 @@ const DrawerNavigator = (
   )((props: *) => (
     <DrawerView
       {...props}
+      drawerBackgroundColor={drawerBackgroundColor}
       drawerLockMode={drawerLockMode}
       useNativeAnimations={useNativeAnimations}
       drawerWidth={drawerWidth}
diff --git a/packages/react-navigation/src/views/Drawer/DrawerSidebar.js b/packages/react-navigation/src/views/Drawer/DrawerSidebar.js
index 3487bc18..f12d0f52 100644
--- a/packages/react-navigation/src/views/Drawer/DrawerSidebar.js
+++ b/packages/react-navigation/src/views/Drawer/DrawerSidebar.js
@@ -125,6 +125,5 @@ export default withCachedChildNavigation(DrawerSidebar);
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#fff',
   },
 });
diff --git a/packages/react-navigation/src/views/Drawer/DrawerView.js b/packages/react-navigation/src/views/Drawer/DrawerView.js
index e940c4d9..0f4191ac 100644
--- a/packages/react-navigation/src/views/Drawer/DrawerView.js
+++ b/packages/react-navigation/src/views/Drawer/DrawerView.js
@@ -36,6 +36,7 @@ export type DrawerViewConfig = {
   contentOptions?: {},
   style?: ViewStyleProp,
   useNativeAnimations?: boolean,
+  drawerBackgroundColor?: String,
 };
 
 type Props = DrawerViewConfig & {
@@ -160,6 +161,7 @@ export default class DrawerView<T: *> extends PureComponent<void, Props, void> {
           (this.props.screenProps && this.props.screenProps.drawerLockMode) ||
           (config && config.drawerLockMode)
         }
+        drawerBackgroundColor={this.props.drawerBackgroundColor}
         drawerWidth={this.props.drawerWidth}
         onDrawerOpen={this._handleDrawerOpen}
         onDrawerClose={this._handleDrawerClose}