底部安全距离&样式

components/matches-by-league.tsx

@@ -21,6 +21,7 @@ import Animated, {
   useSharedValue,
   withTiming,
 } from "react-native-reanimated";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 // 开启 Android 上的 LayoutAnimation
 if (
@@ -45,6 +46,7 @@ export function MatchesByLeague({
   onFavoriteToggle,
   enableCollapsible = true,
 }: MatchesByLeagueProps) {
+  const insets = useSafeAreaInsets();
   const { theme } = useTheme();
   const isDark = theme === "dark";
 
@@ -184,7 +186,10 @@ export function MatchesByLeague({
         styles.container,
         { backgroundColor: isDark ? Colors.dark.background : "#FFFFFF" },
       ]}
-      contentContainerStyle={{ paddingBottom: 40, paddingTop: 8 }}
+      contentContainerStyle={{
+        paddingBottom: 80 + insets.bottom,
+        paddingTop: 8,
+      }}
     >
       {leagues.map((league) => {
         const isCollapsed = collapsed[league.key] !== false;