feat: 适配 headerbar ios26

app/mood/calendar.tsx

@@ -1,6 +1,7 @@
 import { HeaderBar } from '@/components/ui/HeaderBar';
 import { useAppSelector } from '@/hooks/redux';
 import { useMoodData } from '@/hooks/useMoodData';
+import { useSafeAreaTop } from '@/hooks/useSafeAreaWithPadding';
 import { getMoodOptions } from '@/services/moodCheckins';
 import { selectLatestMoodRecordByDate } from '@/store/moodSlice';
 import dayjs from 'dayjs';
@@ -8,7 +9,7 @@ import { LinearGradient } from 'expo-linear-gradient';
 import { router, useFocusEffect, useLocalSearchParams } from 'expo-router';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import {
-  Dimensions, Image, SafeAreaView,
+  Dimensions, Image,
   ScrollView,
   StyleSheet,
   Text,
@@ -60,6 +61,7 @@ const generateCalendarData = (targetDate: Date) => {
 };
 
 export default function MoodCalendarScreen() {
+  const safeAreaTop = useSafeAreaTop()
   const params = useLocalSearchParams();
   const { fetchMoodRecords, fetchMoodHistoryRecords } = useMoodData();
 
@@ -231,7 +233,7 @@ export default function MoodCalendarScreen() {
       <View style={styles.decorativeCircle1} />
       <View style={styles.decorativeCircle2} />
 
-      <SafeAreaView style={styles.safeArea}>
+      <View style={styles.safeArea}>
         <HeaderBar
           title="心情日历"
           onBack={() => router.back()}
@@ -240,7 +242,9 @@ export default function MoodCalendarScreen() {
           tone="light"
         />
 
-        <ScrollView style={styles.content}>
+        <ScrollView style={styles.content} contentContainerStyle={{
+          paddingTop: safeAreaTop
+        }}>
           {/* 日历视图 */}
           <View style={styles.calendar}>
             {/* 月份导航 */}
@@ -363,7 +367,7 @@ export default function MoodCalendarScreen() {
             )}
           </View>
         </ScrollView>
-      </SafeAreaView>
+      </View>
     </View>
   );
 }