feat: 适配 headerbar ios26

app/food/food-recognition.tsx

@@ -2,6 +2,7 @@ import { HeaderBar } from '@/components/ui/HeaderBar';
 import { Colors } from '@/constants/Colors';
 import { useAppDispatch } from '@/hooks/redux';
 import { useCosUpload } from '@/hooks/useCosUpload';
+import { useSafeAreaTop } from '@/hooks/useSafeAreaWithPadding';
 import { recognizeFood } from '@/services/foodRecognition';
 import { saveRecognitionResult, setError, setLoading } from '@/store/foodRecognitionSlice';
 import { Ionicons } from '@expo/vector-icons';
@@ -22,6 +23,7 @@ import {
 import { SafeAreaView } from 'react-native-safe-area-context';
 
 export default function FoodRecognitionScreen() {
+  const safeAreaTop = useSafeAreaTop()
   const router = useRouter();
   const params = useLocalSearchParams<{
     imageUri?: string;
@@ -217,6 +219,9 @@ export default function FoodRecognitionScreen() {
           title="食物识别"
           onBack={() => router.back()}
         />
+        <View style={{
+          paddingTop: safeAreaTop
+        }} />
         <View style={styles.errorContainer}>
           <Text style={styles.errorText}>未找到图片</Text>
         </View>
@@ -232,7 +237,9 @@ export default function FoodRecognitionScreen() {
       />
 
       {/* 主要内容区域 */}
-      <ScrollView style={styles.contentContainer} showsVerticalScrollIndicator={false}>
+      <ScrollView style={styles.contentContainer} contentContainerStyle={{
+        paddingTop: safeAreaTop
+      }} showsVerticalScrollIndicator={false}>
         {!showRecognitionProcess ? (
           // 确认界面
           <>