feat: 适配 headerbar ios26

app/task-list.tsx

@@ -4,6 +4,7 @@ import { HeaderBar } from '@/components/ui/HeaderBar';
 import { Colors } from '@/constants/Colors';
 import { TAB_BAR_BOTTOM_OFFSET, TAB_BAR_HEIGHT } from '@/constants/TabBar';
 import { useColorScheme } from '@/hooks/useColorScheme';
+import { useSafeAreaTop } from '@/hooks/useSafeAreaWithPadding';
 import { tasksApi } from '@/services/tasksApi';
 import { TaskListItem } from '@/types/goals';
 import { getTodayIndexInMonth } from '@/utils/date';
@@ -12,10 +13,10 @@ import dayjs from 'dayjs';
 import { LinearGradient } from 'expo-linear-gradient';
 import { useRouter } from 'expo-router';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { Alert, FlatList, RefreshControl, StatusBar, StyleSheet, Text, View } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
+import { Alert, FlatList, RefreshControl, StyleSheet, Text, View } from 'react-native';
 
 export default function GoalsDetailScreen() {
+  const safeAreaTop = useSafeAreaTop()
   const theme = (useColorScheme() ?? 'light') as 'light' | 'dark';
   const colorTokens = Colors[theme];
   const router = useRouter();
@@ -100,12 +101,12 @@ export default function GoalsDetailScreen() {
       const taskDate = dayjs(task.startDate);
       return taskDate.isSame(selected, 'day');
     });
-    
+
     // 对筛选结果进行排序：已完成的任务放到最后
     return [...filtered].sort((a, b) => {
       const aCompleted = a.status === 'completed';
       const bCompleted = b.status === 'completed';
-      
+
       // 如果a已完成而b未完成，a排在后面
       if (aCompleted && !bCompleted) {
         return 1;
@@ -133,7 +134,7 @@ export default function GoalsDetailScreen() {
   // 渲染空状态
   const renderEmptyState = () => {
     const selectedDateStr = dayjs(selectedDate).format('YYYY年M月D日');
-    
+
     if (tasksLoading) {
       return (
         <View style={styles.emptyState}>
@@ -143,7 +144,7 @@ export default function GoalsDetailScreen() {
         </View>
       );
     }
-    
+
     return (
       <View style={styles.emptyState}>
         <Text style={[styles.emptyStateTitle, { color: colorTokens.text }]}>
@@ -157,12 +158,15 @@ export default function GoalsDetailScreen() {
   };
 
   return (
-    <SafeAreaView style={styles.container}>
-      <StatusBar
-        backgroundColor="transparent"
-        translucent
-      />
+    <View style={styles.container}>
 
+      {/* 标题区域 */}
+      <HeaderBar
+        title="任务列表"
+        onBack={handleBackPress}
+        transparent={true}
+        withSafeTop={false}
+      />
       {/* 背景渐变 */}
       <LinearGradient
         colors={['#F0F9FF', '#E0F2FE']}
@@ -175,14 +179,13 @@ export default function GoalsDetailScreen() {
       <View style={styles.decorativeCircle1} />
       <View style={styles.decorativeCircle2} />
 
+
+      <View style={{
+        paddingTop: safeAreaTop
+      }} />
+
       <View style={styles.content}>
-        {/* 标题区域 */}
-        <HeaderBar
-          title="任务列表"
-          onBack={handleBackPress}
-          transparent={true}
-          withSafeTop={false}
-        />
+
 
         {/* 日期选择器 */}
         <View style={styles.dateSelector}>
@@ -214,7 +217,7 @@ export default function GoalsDetailScreen() {
           />
         </View>
       </View>
-    </SafeAreaView>
+    </View>
   );
 }