From ccb4a317939d8e7430f48aa4d11245bae4cffb05 Mon Sep 17 00:00:00 2001
From: humadhome <humad@live.com>
Date: Thu, 7 Oct 2021 21:49:10 -0700
Subject: [PATCH] Fixed ios modal

---
 src/index.js | 69 ++++++++++++++++++++++++++++------------------------
 1 file changed, 37 insertions(+), 32 deletions(-)

diff --git a/src/index.js b/src/index.js
index bcbc93e8..a6cc551f 100644
--- a/src/index.js
+++ b/src/index.js
@@ -428,40 +428,45 @@ export default class RNPickerSelect extends PureComponent {
                 >
                     {this.renderTextInputOrChildren()}
                 </TouchableOpacity>
-                <Modal
-                    testID="ios_modal"
-                    visible={showPicker}
-                    transparent
-                    animationType={animationType}
-                    supportedOrientations={['portrait', 'landscape']}
-                    onOrientationChange={this.onOrientationChange}
-                    {...modalProps}
-                >
-                    <TouchableOpacity
-                        style={[defaultStyles.modalViewTop, style.modalViewTop]}
-                        testID="ios_modal_top"
-                        onPress={() => {
-                            this.togglePicker(true);
-                        }}
-                    />
-                    {this.renderInputAccessoryView()}
-                    <View
-                        style={[
-                            defaultStyles.modalViewBottom,
-                            { height: orientation === 'portrait' ? 215 : 162 },
-                            style.modalViewBottom,
-                        ]}
-                    >
-                        <Picker
-                            testID="ios_picker"
-                            onValueChange={this.onValueChange}
-                            selectedValue={selectedItem.value}
-                            {...pickerProps}
+                {!!showPicker && (
+                    <View style={{flex: 1}}>
+                        <Modal
+                            testID="ios_modal"
+                            visible={showPicker}
+                            transparent
+                            animationType={animationType}
+                            supportedOrientations={['portrait', 'landscape']}
+                            onOrientationChange={this.onOrientationChange}
+                            {...modalProps}
                         >
-                            {this.renderPickerItems()}
-                        </Picker>
+                            <TouchableOpacity
+                                style={[defaultStyles.modalViewTop, style.modalViewTop]}
+                                testID="ios_modal_top"
+                                onPress={() => {
+                                    this.togglePicker(true);
+                                }}
+                            />
+                            {this.renderInputAccessoryView()}
+                            <View
+                                style={[
+                                    defaultStyles.modalViewBottom,
+                                    { height: orientation === 'portrait' ? 215 : 162 },
+                                    style.modalViewBottom,
+                                ]}
+                            >
+                                <Picker
+                                    testID="ios_picker"
+                                    onValueChange={this.onValueChange}
+                                    selectedValue={selectedItem.value}
+                                    {...pickerProps}
+                                >
+                                    {this.renderPickerItems()}
+                                </Picker>
+                            </View>
+                        </Modal>
                     </View>
-                </Modal>
+                )}
+
             </View>
         );
     }