底部安全距离&样式

app/(tabs)/index.tsx

@@ -29,11 +29,13 @@ import {
   TouchableOpacity,
   View,
 } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 export default function HomeScreen() {
   const router = useRouter();
   const { theme } = useTheme();
   const { t } = useTranslation();
+  const insets = useSafeAreaInsets();
   const isDark = theme === "dark";
   const iconColor = isDark ? Colors.dark.icon : Colors.light.icon;
   const filterBg = isDark ? "#2C2C2E" : "#F2F2F7";
@@ -625,7 +627,10 @@ export default function HomeScreen() {
               </View>
             ) : null
           }
-          contentContainerStyle={styles.listContent}
+          contentContainerStyle={[
+            styles.listContent,
+            { paddingBottom: 80 + insets.bottom },
+          ]}
           ListEmptyComponent={
             <View style={styles.center}>
               <ThemedText>{t("home.no_matches")}</ThemedText>