fix: modal example

Author: onmotion

example/components/ModalExample.tsx

@@ -1,5 +1,5 @@
 import React, { memo, useState } from 'react'
-import { Button, Modal, View } from 'react-native'
+import { Button, Modal, SafeAreaView, View } from 'react-native'
 import { AutocompleteDropdownContextProvider } from 'react-native-autocomplete-dropdown'
 import { RemoteDataSetExample } from './RemoteDataSetExample'
 
@@ -9,12 +9,14 @@ export const ModalExample = memo(() => {
     <>
       <Button onPress={() => setOpened(prev => !prev)} title="Open modal" />
       <Modal visible={opened}>
-        <AutocompleteDropdownContextProvider>
-          <View style={{ paddingHorizontal: 20, flex: 1, paddingTop: 40 }}>
-            <RemoteDataSetExample />
-            <Button onPress={() => setOpened(false)} title="Close modal" />
-          </View>
-        </AutocompleteDropdownContextProvider>
+        <SafeAreaView style={{ flex: 1, backgroundColor: 'transparent' }}>
+          <AutocompleteDropdownContextProvider>
+            <View style={{ paddingHorizontal: 20, flex: 1, paddingTop: 20 }}>
+              <RemoteDataSetExample />
+              <Button onPress={() => setOpened(false)} title="Close modal" />
+            </View>
+          </AutocompleteDropdownContextProvider>
+        </SafeAreaView>
       </Modal>
     </>
   )