feat: 适配 headerbar ios26

app/weight-records.tsx

@@ -5,6 +5,7 @@ import { Colors } from '@/constants/Colors';
 import { getTabBarBottomPadding } from '@/constants/TabBar';
 import { useAppDispatch, useAppSelector } from '@/hooks/redux';
 import { useColorScheme } from '@/hooks/useColorScheme';
+import { useSafeAreaTop } from '@/hooks/useSafeAreaWithPadding';
 import { deleteWeightRecord, fetchWeightHistory, updateUserProfile, updateWeightRecord, WeightHistoryItem } from '@/store/userSlice';
 import { Ionicons } from '@expo/vector-icons';
 import dayjs from 'dayjs';
@@ -22,6 +23,8 @@ import {
 } from 'react-native';
 
 export default function WeightRecordsPage() {
+  const safeAreaTop = useSafeAreaTop()
+
   const dispatch = useAppDispatch();
   const userProfile = useAppSelector((s) => s.user.profile);
   const weightHistory = useAppSelector((s) => s.user.weightHistory);
@@ -184,8 +187,12 @@ export default function WeightRecordsPage() {
           <Ionicons name="add" size={24} color="#192126" />
         </TouchableOpacity>}
       />
+
+      <View style={{
+        paddingTop: safeAreaTop
+      }} />
       {/* Weight Statistics */}
-      <View style={styles.statsContainer}>
+      <View style={[styles.statsContainer]}>
         <View style={styles.statsRow}>
           <View style={styles.statItem}>
             <Text style={styles.statValue}>{totalWeightLoss.toFixed(1)}kg</Text>