From 39f605305297ad7cb00188f401d3eb7869fbd525 Mon Sep 17 00:00:00 2001
From: apparition <aaron@onefatgiraffe.com>
Date: Thu, 8 Feb 2018 15:16:57 +0900
Subject: [PATCH 1/2] Dismiss wheel picker tapping by outside

---
 lib/singlePicker.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/lib/singlePicker.js b/lib/singlePicker.js
index aafa3f2..099a922 100644
--- a/lib/singlePicker.js
+++ b/lib/singlePicker.js
@@ -8,7 +8,8 @@ import {
     View,
     TouchableOpacity,
     Modal,
-    Dimensions
+    Dimensions,
+    TouchableWithoutFeedback,
 } from "react-native";
 
 import PickerAndroid,{PickerItemAndroid} from './androidPicker';
@@ -79,6 +80,13 @@ export default class SinglePicker extends Component {
                 transparent={true}
                 onRequestClose={()=>{}}
                 visible={this.state.modalVisible}>
+                <TouchableWithoutFeedback style={[styles.basicContainer]} onPress={() => {
+                  this.props.onCancel();
+                  this.setState({modalVisible: false});
+                }}>
+                  <View style={{flex: 2,backgroundColor:'red',}}>
+                  </View>
+                </TouchableWithoutFeedback>
                 <View style={styles.basicContainer}>
                     <View style={[styles.modalContainer,this.props.style]}>
                         <View style={{backgroundColor:'#CACACA',height:0.5,width: SCREEN_WIDTH}}/>

From a69993992af605c36a57e1b32362cc8f96039d3f Mon Sep 17 00:00:00 2001
From: apparition <aaron@onefatgiraffe.com>
Date: Thu, 8 Feb 2018 15:18:23 +0900
Subject: [PATCH 2/2] rm red

---
 lib/singlePicker.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/singlePicker.js b/lib/singlePicker.js
index 099a922..0249a08 100644
--- a/lib/singlePicker.js
+++ b/lib/singlePicker.js
@@ -84,7 +84,7 @@ export default class SinglePicker extends Component {
                   this.props.onCancel();
                   this.setState({modalVisible: false});
                 }}>
-                  <View style={{flex: 2,backgroundColor:'red',}}>
+                  <View style={{flex: 2}}>
                   </View>
                 </TouchableWithoutFeedback>
                 <View style={styles.basicContainer}>