修复主题切换导航栏和状态栏

components/ui/tab-bar-background.ios.tsx

@@ -3,12 +3,16 @@ import { BlurView } from "expo-blur";
 import { StyleSheet } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
+import { useTheme } from "@/context/ThemeContext";
+
 export default function BlurTabBarBackground() {
+  const { theme } = useTheme();
+  const isDark = theme === "dark";
+
   return (
     <BlurView
-      // System chrome material automatically adapts to the system's theme
-      // and matches the native tab bar appearance on iOS.
-      tint="systemChromeMaterial"
+      // Use theme-specific tint to ensure proper background color
+      tint={isDark ? "dark" : "light"}
       intensity={100}
       style={StyleSheet.absoluteFill}
     />