Set backgroundColor of drawer to white by default

xotahal · Sep 15, 2016 · f74240d · f74240d
1 parent d0b4123
commit f74240d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/Drawer/Drawer.react.js b/src/Drawer/Drawer.react.js
@@ -15,14 +15,26 @@ const contextTypes = {
     uiTheme: PropTypes.object.isRequired,
 };
 
+function getStyles(props, context) {
+    const { drawer } = context.uiTheme;
+
+    return {
+        container: [
+            drawer.container,
+            props.style.container,
+        ],
+    };
+}
+
 class Drawer extends Component {
     render() {
         const { children } = this.props;
 
+        const styles = getStyles(this.props, this.context);
 
         return (
             <Container>
-                <ScrollView>
+                <ScrollView style={styles.container}>
                     {children}
                 </ScrollView>
             </Container>

diff --git a/src/styles/getTheme.js b/src/styles/getTheme.js
@@ -125,6 +125,7 @@ export default function getTheme(theme, ...more) {
         drawer: StyleSheet.create(merge({
             container: {
                 flex: 1,
+                backgroundColor: white,
             },
         }, theme.drawer)),
         drawerHeader: StyleSheet.create(merge({