Merge pull request #1252 from andrew-bierman/development

Development

apps/expo/app/(app)/(drawer)/(tabs)/search.tsx

@@ -1,11 +1,11 @@
-import { RStack, View } from '@packrat/ui';
+import { RStack } from '@packrat/ui';
 import { PlacesAutocomplete } from 'app/components/PlacesAutocomplete';
 import { useRouter } from 'app/hooks/router';
 import useTheme from 'app/hooks/useTheme';
 import { Stack, useFocusEffect } from 'expo-router';
 import Head from 'expo-router/head';
 import React, { useCallback, useRef } from 'react';
-import { Platform, type TextInput } from 'react-native';
+import { Platform, SafeAreaView, type TextInput } from 'react-native';
 
 interface SearchResult {
   properties: {
@@ -78,13 +78,13 @@ export default function Search() {
           // https://reactnavigation.org/docs/headers#replacing-the-title-with-a-custom-component
         }}
       />
-      <View style={{ width: '100%', height: '100%' }}>
+      <SafeAreaView style={{ width: '100%', height: '100%' }}>
         <PlacesAutocomplete
           onSelect={handleSearchSelect}
           placeholder="Search for a place"
           ref={ref}
         />
-      </View>
+      </SafeAreaView>
       {/* Add search virtual list for feed, packs, trips, places with prop to determine which to display */}
     </RStack>
   );