From eb36849387b54b8d6ca9961fc131baa1b1dfa63c Mon Sep 17 00:00:00 2001
From: tanvir002700 <tanvir002700@gmail.com>
Date: Thu, 19 Oct 2017 20:50:55 +0600
Subject: [PATCH 1/3] add touchable button style for custome child

---
 index.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/index.js b/index.js
index d65bf4c0..4d79f9a5 100644
--- a/index.js
+++ b/index.js
@@ -151,7 +151,11 @@ export default class ModalPicker extends BaseComponent {
     renderChildren() {
 
         if(this.props.children) {
-            return this.props.children;
+            return (
+                <TouchableOpacity style={this.props.selectStyle} onPress={this.open}>
+                    {this.props.children}
+                </TouchableOpacity>
+            );
         }
         return (
             <View style={[styles.selectStyle, this.props.selectStyle]}>
@@ -171,9 +175,7 @@ export default class ModalPicker extends BaseComponent {
         return (
             <View style={this.props.style}>
                 {dp}
-                <TouchableOpacity onPress={this.open}>
-                    {this.renderChildren()}
-                </TouchableOpacity>
+                {this.renderOptionList()}
             </View>
         );
     }

From 9efc743442fb0b6e6466d60013182e0ae382d719 Mon Sep 17 00:00:00 2001
From: tanvir002700 <tanvir002700@gmail.com>
Date: Thu, 19 Oct 2017 21:10:57 +0600
Subject: [PATCH 2/3] Fix bug for rendering

---
 index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.js b/index.js
index 4d79f9a5..b99cf350 100644
--- a/index.js
+++ b/index.js
@@ -175,7 +175,7 @@ export default class ModalPicker extends BaseComponent {
         return (
             <View style={this.props.style}>
                 {dp}
-                {this.renderOptionList()}
+                {this.renderChildren()}
             </View>
         );
     }

From b806bcf1711a0431ffa9db0e8beefd04d725071e Mon Sep 17 00:00:00 2001
From: tanvir002700 <tanvir002700@gmail.com>
Date: Thu, 19 Oct 2017 21:22:47 +0600
Subject: [PATCH 3/3] replace depricated keyboardShouldPersistTaps={true}

---
 index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.js b/index.js
index b99cf350..9996b4f3 100644
--- a/index.js
+++ b/index.js
@@ -131,7 +131,7 @@ export default class ModalPicker extends BaseComponent {
         return (
             <View style={[styles.overlayStyle, this.props.overlayStyle]} key={'modalPicker'+(componentIndex++)}>
                 <View style={styles.optionContainer}>
-                    <ScrollView keyboardShouldPersistTaps>
+                    <ScrollView keyboardShouldPersistTaps="always">
                         <View style={{paddingHorizontal:10}}>
                             {options}
                         </View>