From 6ec0bae639a89649be8cb6eb7769b6a0d8eb409f Mon Sep 17 00:00:00 2001
From: Brent Vatne <brentvatne@gmail.com>
Date: Sun, 28 Oct 2018 17:26:52 -0700
Subject: [PATCH] Default keyboardDismissMode to on-drag for drawer, also make
 it configurable

---
 packages/drawer/example/src/SimpleDrawer.js   | 29 +++++++++++++++----
 .../src/navigators/createDrawerNavigator.js   |  1 +
 packages/drawer/src/views/DrawerView.js       |  1 +
 3 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/packages/drawer/example/src/SimpleDrawer.js b/packages/drawer/example/src/SimpleDrawer.js
index 8e68176a..ad174348 100644
--- a/packages/drawer/example/src/SimpleDrawer.js
+++ b/packages/drawer/example/src/SimpleDrawer.js
@@ -1,5 +1,13 @@
 import React from 'react';
-import { Button, ScrollView, StatusBar, Text, View } from 'react-native';
+import {
+  Button,
+  TextInput,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  View,
+} from 'react-native';
 import { createStackNavigator } from 'react-navigation-stack';
 import { SafeAreaView } from '@react-navigation/native';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
@@ -14,6 +22,18 @@ const MyNavScreen = ({ navigation, banner }) => (
       <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
         <SampleText>{banner}</SampleText>
       </View>
+      <TextInput
+        style={{
+          flex: 1,
+          height: 35,
+          marginHorizontal: 10,
+          marginVertical: 10,
+          borderWidth: StyleSheet.hairlineWidth,
+          borderColor: '#eee',
+          textAlign: 'center',
+        }}
+        placeholder="Focus this TextInput then drag the drawer!"
+      />
       <Button onPress={() => navigation.openDrawer()} title="Open drawer" />
       <Button onPress={() => navigation.toggleDrawer()} title="Toggle drawer" />
       <Button
@@ -114,14 +134,13 @@ const DrawerExample = createDrawerNavigator(
   {
     initialRouteName: 'Drafts',
     drawerWidth: 210,
+    navigationOptions: {
+      header: null,
+    },
     contentOptions: {
       activeTintColor: '#e91e63',
     },
   }
 );
 
-DrawerExample.navigationOptions = {
-  header: null,
-};
-
 export default DrawerExample;
diff --git a/packages/drawer/src/navigators/createDrawerNavigator.js b/packages/drawer/src/navigators/createDrawerNavigator.js
index b80ed23c..f67da8a6 100644
--- a/packages/drawer/src/navigators/createDrawerNavigator.js
+++ b/packages/drawer/src/navigators/createDrawerNavigator.js
@@ -36,6 +36,7 @@ const DefaultDrawerConfig = {
   },
   contentComponent: defaultContentComponent,
   drawerPosition: 'left',
+  keyboardDismissMode: 'on-drag',
   drawerBackgroundColor: 'white',
   useNativeAnimations: true,
   drawerType: 'front',
diff --git a/packages/drawer/src/views/DrawerView.js b/packages/drawer/src/views/DrawerView.js
index 1c22af7b..843638ee 100644
--- a/packages/drawer/src/views/DrawerView.js
+++ b/packages/drawer/src/views/DrawerView.js
@@ -141,6 +141,7 @@ export default class DrawerView extends React.PureComponent {
         drawerBackgroundColor={
           this.props.navigationConfig.drawerBackgroundColor
         }
+        keyboardDismissMode={this.props.navigationConfig.keyboardDismissMode}
         drawerWidth={this.state.drawerWidth}
         onDrawerOpen={this._handleDrawerOpen}
         onDrawerClose={this._handleDrawerClose}