Updated drawer styles

js/App.js

@@ -46,9 +46,18 @@ export default class App extends Component {
 						<Drawer
 							ref={ref => (this._drawer = ref)}
 							type="overlay"
+							tapToClose={true}
+							acceptPan={true}
+							panCloseMask={.5}
 							openDrawerOffset={100}
 							content={<DrawerMenu onCloseDrawer={this.closeDrawer} />}
-							tweenDuration={150}>
+							tweenDuration={250}
+							tweenHandler={(ratio) => {
+								return {
+								  mainOverlay: { opacity: ratio/1.5, backgroundColor: 'black' }
+								}
+							  }}>
+
 							<StatusBar backgroundColor={theme.statusBarColor} />
 							<Redirect from="/" to="/landing" />
 							<Switch>

js/ui-theme.js

@@ -114,4 +114,21 @@ export default {
 			margin: 10,
 		},
 	},
+	drawer: {
+		container: {
+			flex: 1,
+			backgroundColor: '#FFF',
+			elevation: 6,
+		},
+	},
+	drawerHeader: {
+		container: {
+			elevation: 6,
+		},
+		contentContainer: {
+			backgroundColor: '#6D5354',
+			height: 150,
+		},
+	},
+
 };