From 3576a82b8a691c74d176f7963f9749660b8336b6 Mon Sep 17 00:00:00 2001
From: xudan <staysky25@outlook.com>
Date: Thu, 24 Jul 2025 15:00:46 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=E4=B8=8D?=
 =?UTF-8?q?=E5=BF=85=E8=A6=81=E7=9A=84=E5=B8=83=E5=B1=80=E6=95=88=E6=9E=9C?=
 =?UTF-8?q?=EF=BC=8C=E7=AE=80=E5=8C=96=E4=BB=BB=E5=8A=A1=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=B1=8F=E5=B9=95=E7=9A=84=E4=BB=A3=E7=A0=81=E7=BB=93=E6=9E=84?=
 =?UTF-8?q?=EF=BC=8C=E5=90=8C=E6=97=B6=E6=B7=BB=E5=8A=A0=E4=B8=8B=E6=8B=89?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0=E5=8A=9F=E8=83=BD=E7=9A=84=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/screens/TaskListScreen.tsx | 27 ++++-----------------------
 1 file changed, 4 insertions(+), 23 deletions(-)

diff --git a/src/screens/TaskListScreen.tsx b/src/screens/TaskListScreen.tsx
index 37a46f6..5a249d2 100644
--- a/src/screens/TaskListScreen.tsx
+++ b/src/screens/TaskListScreen.tsx
@@ -1,14 +1,7 @@
-import React, { useLayoutEffect, useState, useCallback } from 'react';
-import {
-  View,
-  StyleSheet,
-  FlatList,
-  TouchableOpacity,
-  ActivityIndicator,
-} from 'react-native';
+import React, { useState, useCallback } from 'react';
+import { View, StyleSheet, FlatList } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { StackNavigationProp } from '@react-navigation/stack';
-import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import { useTasks } from '../context/TasksContext';
 import TaskCard from '../components/TaskCard';
 
@@ -38,20 +31,6 @@ export default function TaskListScreen() {
     }
   }, [refreshTasks]);
 
-  useLayoutEffect(() => {
-    navigation.setOptions({
-      headerRight: () => (
-        <TouchableOpacity onPress={handleRefresh} style={{ marginRight: 15 }}>
-          {isRefreshing ? (
-            <ActivityIndicator size="small" color="#ffffff" />
-          ) : (
-            <MaterialIcons name="refresh" size={24} color="#ffffff" />
-          )}
-        </TouchableOpacity>
-      ),
-    });
-  }, [navigation, isRefreshing, handleRefresh]);
-
   const handlePressTask = (id: string) => {
     navigation.navigate('TaskEdit', { taskId: id });
   };
@@ -67,6 +46,8 @@ export default function TaskListScreen() {
         renderItem={renderItem}
         keyExtractor={item => item.id}
         ItemSeparatorComponent={() => <View style={styles.separator} />}
+        refreshing={isRefreshing}
+        onRefresh={handleRefresh}
       />
     </View>
   );