use react-native-drawer-layout-polyfill

react-native-drawer-layout switched to a JS based implementation even on android without a major version bump. Interaction handles are not cleared properly in the JS implementation and that broke our android app. polyfill uses native implementation on android which i feel has much better experience.

cc @satya164 @brentvatne @skevy

Closes #430

fbshipit-source-id: 9b66f04

package.json

@@ -34,7 +34,7 @@
     "react-addons-shallow-compare": "15.3.2",
     "react-clone-referenced-element": "^1.0.1",
     "react-mixin": "^3.0.5",
-    "react-native-drawer-layout": "^1.0.0",
+    "react-native-drawer-layout-polyfill": "^1.1.0",
     "react-native-tab-view": "0.0.52",
     "react-redux": "^4.4.5",
     "react-static-container": "^1.0.0",
@@ -47,9 +47,8 @@
   },
   "devDependencies": {
     "babel-eslint": "^7.1.1",
-    "eslint": "^3.0.0",
-    "eslint-config-expo": "^5.1.3",
     "eslint": "^3.12.2",
+    "eslint-config-expo": "^5.1.3",
     "eslint-plugin-babel": "^4.0.0",
     "eslint-plugin-flowtype": "^2.30.0",
     "eslint-plugin-import": "^2.2.0",

src/drawer/ExNavigationDrawer.js

@@ -9,7 +9,7 @@ import {
   StyleSheet,
   View,
 } from 'react-native';
-import DrawerLayout from 'react-native-drawer-layout';
+import DrawerLayout from 'react-native-drawer-layout-polyfill';
 import PureComponent from '../utils/PureComponent';
 import StaticContainer from 'react-static-container';
 

src/drawer/ExNavigationDrawerLayout.js

@@ -11,7 +11,7 @@ import {
   TouchableWithoutFeedback,
   View,
 } from 'react-native';
-import DrawerLayout from 'react-native-drawer-layout';
+import DrawerLayout from 'react-native-drawer-layout-polyfill';
 import TouchableNativeFeedbackSafe
   from '@expo/react-native-touchable-native-feedback-safe';