From 120c61989e96acc4647ce0d8c97cb30e81dab03f Mon Sep 17 00:00:00 2001
From: Nedya Prakasa <nedya.prakasa@tokopedia.com>
Date: Sun, 23 Apr 2017 07:48:09 +0700
Subject: [PATCH] bug fixing ref undefined react native newest

---
 examples/RNDrawerExample/src/App.js          | 8 ++++----
 examples/RNDrawerExample/src/ControlPanel.js | 2 +-
 examples/RNDrawerExample/src/Main.js         | 7 +++----
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/examples/RNDrawerExample/src/App.js b/examples/RNDrawerExample/src/App.js
index f5461288..9272c96a 100644
--- a/examples/RNDrawerExample/src/App.js
+++ b/examples/RNDrawerExample/src/App.js
@@ -17,21 +17,21 @@ export default class App extends Component {
     drawerDisabled: false,
   };
   closeDrawer = () => {
-    this._drawer.close()
+    this.setState({drawerOpen: false})
   };
   openDrawer = () => {
-    this._drawer.open()
+    this.setState({drawerOpen: true})
   };
   render() {
     return (
       <Drawer
-        ref={(ref) => this._drawer = ref}
         type="static"
         content={
           <ControlPanel closeDrawer={this.closeDrawer} />
         }
         acceptDoubleTap
         styles={{main: {shadowColor: '#000000', shadowOpacity: 0.3, shadowRadius: 15}}}
+        open={this.state.drawerOpen}
         onOpen={() => {
           console.log('onopen')
           this.setState({drawerOpen: true})
@@ -51,7 +51,7 @@ export default class App extends Component {
         panOpenMask={0.2}
         negotiatePan
         >
-        <Main />
+        <Main openDrawer={this.openDrawer} />
       </Drawer>
     )
   }
diff --git a/examples/RNDrawerExample/src/ControlPanel.js b/examples/RNDrawerExample/src/ControlPanel.js
index 66d428a0..c6508b63 100644
--- a/examples/RNDrawerExample/src/ControlPanel.js
+++ b/examples/RNDrawerExample/src/ControlPanel.js
@@ -9,7 +9,7 @@ import React, {
 } from 'react-native'
 
 export default class ControlPanel extends Component {
-  static propTypes = {
+  static PropTypes = {
     closeDrawer: PropTypes.func.isRequired
   };
 
diff --git a/examples/RNDrawerExample/src/Main.js b/examples/RNDrawerExample/src/Main.js
index 249bc4c4..c0d7f801 100644
--- a/examples/RNDrawerExample/src/Main.js
+++ b/examples/RNDrawerExample/src/Main.js
@@ -9,16 +9,15 @@ import React, {
 } from 'react-native'
 
 export default class ControlPanel extends Component {
-
-  static contextTypes = {
-    drawer: PropTypes.object.isRequired,
+  static PropTypes = {
+    openDrawer: PropTypes.func.isRequired,
   };
 
   render() {
     return (
       <ScrollView style={styles.container}>
         <Text>MAIN</Text>
-        <TouchableOpacity style={styles.button} onPress={this.context.drawer.open}>
+        <TouchableOpacity style={styles.button} onPress={ this.props.openDrawer }>
           <Text>Open Drawer</Text>
         </TouchableOpacity>