Merge pull request #64 from sandeepsengupta/scrollfix

Improved sizing for ConfirmDialogs that contain ScrollViews

Author: douglasjunior

src/Dialog.js

@@ -30,6 +30,7 @@ import {
     TouchableWithoutFeedback,
     Text,
     Platform,
+    SafeAreaView,
     ScrollView
 } from 'react-native'
 const { OS } = Platform;
@@ -44,6 +45,7 @@ class Dialog extends Component {
         return (
             <View style={[{
                 width: '100%',
+                flexShrink: 1,
                 padding: 24,
                 paddingTop: 20
             }, contentStyle]}>
@@ -141,29 +143,32 @@ class Dialog extends Component {
                         backgroundColor: "#000000AA",
                         padding: 24
                     }, overlayStyle]}>
-                        {this._renderOutsideTouchable(onTouchOutside)}
+                        <SafeAreaView style={{flex: 1}}>
+                            {this._renderOutsideTouchable(onTouchOutside)}
 
-                        <View style={[{
-                            backgroundColor: dialogBackgroundColor,
-                            width: '100%',
-                            shadowOpacity: 0.24,
-                            borderRadius: dialogBorderRadius,
-                            elevation: 4,
-                            shadowOffset: {
-                                height: 4,
-                                width: 2
-                            }
-                        }, dialogStyle]}>
+                            <View style={[{
+                                backgroundColor: dialogBackgroundColor,
+                                width: '100%',
+                                maxHeight: '100%',
+                                shadowOpacity: 0.24,
+                                borderRadius: dialogBorderRadius,
+                                elevation: 4,
+                                shadowOffset: {
+                                    height: 4,
+                                    width: 2
+                                }
+                            }, dialogStyle]}>
 
-                            {this.renderTitle()}
+                                {this.renderTitle()}
 
-                            {this.renderContent()}
+                                {this.renderContent()}
 
-                            {this.renderButtons()}
+                                {this.renderButtons()}
 
-                        </View>
+                            </View>
 
-                        {this._renderOutsideTouchable(onTouchOutside)}
+                            {this._renderOutsideTouchable(onTouchOutside)}
+                        </SafeAreaView>
                     </View>
                 </ScrollView>
             </Modal>