feat: 适配 headerbar ios26

app/nutrition/records.tsx

@@ -6,6 +6,7 @@ import { HeaderBar } from '@/components/ui/HeaderBar';
 import { Colors } from '@/constants/Colors';
 import { useAppDispatch, useAppSelector } from '@/hooks/redux';
 import { useColorScheme } from '@/hooks/useColorScheme';
+import { useSafeAreaTop } from '@/hooks/useSafeAreaWithPadding';
 import { DietRecord } from '@/services/dietRecords';
 import { type FoodRecognitionResponse } from '@/services/foodRecognition';
 import { saveRecognitionResult } from '@/store/foodRecognitionSlice';
@@ -37,6 +38,7 @@ import {
 type ViewMode = 'daily' | 'all';
 
 export default function NutritionRecordsScreen() {
+  const safeAreaTop = useSafeAreaTop()
   const theme = (useColorScheme() ?? 'light') as 'light' | 'dark';
   const colorTokens = Colors[theme];
   const dispatch = useAppDispatch();
@@ -425,46 +427,52 @@ export default function NutritionRecordsScreen() {
         right={renderRightButton()}
       />
 
-      {/* {renderViewModeToggle()} */}
-      {renderDateSelector()}
+      <View style={{
+        paddingTop: safeAreaTop
+      }}>
 
-      {/* Calorie Ring Chart */}
-      <CalorieRingChart
-        metabolism={basalMetabolism}
-        exercise={healthData?.activeEnergyBurned || 0}
-        consumed={nutritionSummary?.totalCalories || 0}
-        protein={nutritionSummary?.totalProtein || 0}
-        fat={nutritionSummary?.totalFat || 0}
-        carbs={nutritionSummary?.totalCarbohydrate || 0}
-        proteinGoal={nutritionGoals.proteinGoal}
-        fatGoal={nutritionGoals.fatGoal}
-        carbsGoal={nutritionGoals.carbsGoal}
-      />
+        {/* {renderViewModeToggle()} */}
+        {renderDateSelector()}
 
-      {(
-        <FlatList
-          data={displayRecords}
-          renderItem={({ item, index }) => renderRecord({ item, index })}
-          keyExtractor={(item) => item.id.toString()}
-          contentContainerStyle={[
-            styles.listContainer,
-            { paddingBottom: 40, paddingTop: 16 }
-          ]}
-          showsVerticalScrollIndicator={false}
-          refreshControl={
-            <RefreshControl
-              refreshing={refreshing}
-              onRefresh={onRefresh}
-              tintColor={colorTokens.primary}
-              colors={[colorTokens.primary]}
-            />
-          }
-          ListEmptyComponent={renderEmptyState}
-          ListFooterComponent={renderFooter}
-          onEndReached={viewMode === 'all' ? loadMoreRecords : undefined}
-          onEndReachedThreshold={0.1}
+        {/* Calorie Ring Chart */}
+        <CalorieRingChart
+          metabolism={basalMetabolism}
+          exercise={healthData?.activeEnergyBurned || 0}
+          consumed={nutritionSummary?.totalCalories || 0}
+          protein={nutritionSummary?.totalProtein || 0}
+          fat={nutritionSummary?.totalFat || 0}
+          carbs={nutritionSummary?.totalCarbohydrate || 0}
+          proteinGoal={nutritionGoals.proteinGoal}
+          fatGoal={nutritionGoals.fatGoal}
+          carbsGoal={nutritionGoals.carbsGoal}
         />
-      )}
+
+        {(
+          <FlatList
+            data={displayRecords}
+            renderItem={({ item, index }) => renderRecord({ item, index })}
+            keyExtractor={(item) => item.id.toString()}
+            contentContainerStyle={[
+              styles.listContainer,
+              { paddingBottom: 40, paddingTop: 16 }
+            ]}
+            showsVerticalScrollIndicator={false}
+            refreshControl={
+              <RefreshControl
+                refreshing={refreshing}
+                onRefresh={onRefresh}
+                tintColor={colorTokens.primary}
+                colors={[colorTokens.primary]}
+              />
+            }
+            ListEmptyComponent={renderEmptyState}
+            ListFooterComponent={renderFooter}
+            onEndReached={viewMode === 'all' ? loadMoreRecords : undefined}
+            onEndReachedThreshold={0.1}
+          />
+        )}
+
+      </View>
 
       {/* 食物添加悬浮窗 */}
       <FloatingFoodOverlay