app.json

@@ -2,7 +2,7 @@
   "expo": {
     "name": "Simpl-Liste",
     "slug": "simpl-liste",
-    "version": "1.6.1",
+    "version": "1.6.0",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
     "scheme": "simplliste",
@@ -24,7 +24,7 @@
         "backgroundColor": "#FFF8F0"
       },
       "edgeToEdgeEnabled": true,
-      "versionCode": 13
+      "versionCode": 12
     },
     "plugins": [
       "expo-router",

app/(tabs)/index.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState, useCallback, useRef } from 'react';
-import { View, Text, Pressable, TextInput, useColorScheme, Alert, Animated, Easing } from 'react-native';
+import { View, Text, Pressable, TextInput, useColorScheme, Alert, RefreshControl } from 'react-native';
 import { useRouter } from 'expo-router';
-import { Plus, ArrowUpDown, Filter, Download, Search, X, RefreshCw } from 'lucide-react-native';
+import { Plus, ArrowUpDown, Filter, Download, Search, X } from 'lucide-react-native';
 import { useTranslation } from 'react-i18next';
 import * as Haptics from 'expo-haptics';
 import DraggableFlatList, { RenderItemParams } from 'react-native-draggable-flatlist';
@@ -45,7 +45,6 @@ export default function InboxScreen() {
   const isDark = (theme === 'system' ? systemScheme : theme) === 'dark';
   const isDraggingRef = useRef(false);
   const [refreshing, setRefreshing] = useState(false);
-  const spinAnim = useRef(new Animated.Value(0)).current;
 
   const { sortBy, sortOrder, filterPriority, filterTag, filterCompleted, filterDueDate, hasActiveFilters } = useTaskStore();
 
@@ -73,29 +72,10 @@ export default function InboxScreen() {
   }, [loadTasks]);
 
   const handleRefresh = useCallback(async () => {
-    if (refreshing) return;
     setRefreshing(true);
-    spinAnim.setValue(0);
-    Animated.loop(
-      Animated.timing(spinAnim, {
-        toValue: 1,
-        duration: 800,
-        easing: Easing.linear,
-        useNativeDriver: true,
-      })
-    ).start();
-    try {
-      await loadTasks();
-    } finally {
-      setRefreshing(false);
-      spinAnim.stopAnimation();
-    }
-  }, [loadTasks, refreshing, spinAnim]);
-
-  const spin = spinAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg'],
-  });
+    await loadTasks();
+    setRefreshing(false);
+  }, [loadTasks]);
 
   const handleToggle = async (id: string) => {
     await toggleComplete(id);
@@ -191,11 +171,6 @@ export default function InboxScreen() {
         </View>
       ) : (
         <View className={`flex-row items-center justify-end border-b px-4 py-2 ${isDark ? 'border-[#3A3A3A]' : 'border-[#E5E7EB]'}`}>
-          <Pressable onPress={handleRefresh} disabled={refreshing} className="mr-3 p-1">
-            <Animated.View style={{ transform: [{ rotate: spin }] }}>
-              <RefreshCw size={20} color={isDark ? '#A0A0A0' : '#6B6B6B'} />
-            </Animated.View>
-          </Pressable>
           <Pressable onPress={() => setShowSearch(true)} className="mr-3 p-1">
             <Search size={20} color={isDark ? '#A0A0A0' : '#6B6B6B'} />
           </Pressable>
@@ -233,6 +208,14 @@ export default function InboxScreen() {
             onDragBegin={() => { isDraggingRef.current = true; }}
             onDragEnd={handleDragEnd}
             activationDistance={canDrag ? 0 : 10000}
+            refreshControl={
+              <RefreshControl
+                refreshing={refreshing}
+                onRefresh={handleRefresh}
+                tintColor={colors.bleu.DEFAULT}
+                colors={[colors.bleu.DEFAULT]}
+              />
+            }
           />
         </GestureHandlerRootView>
       )}

app/list/[id].tsx

@@ -1,8 +1,8 @@
 import { useEffect, useState, useCallback, useRef } from 'react';
-import { View, Text, Pressable, TextInput, useColorScheme, Alert, Animated, Easing } from 'react-native';
+import { View, Text, Pressable, TextInput, useColorScheme, Alert, RefreshControl } from 'react-native';
 import { useRouter, useLocalSearchParams } from 'expo-router';
 import {
-  ArrowLeft, Plus, ArrowUpDown, Filter, Download, Search, X, RefreshCw,
+  ArrowLeft, Plus, ArrowUpDown, Filter, Download, Search, X,
   List, ShoppingCart, Briefcase, Home, Heart, Star, BookOpen,
   GraduationCap, Dumbbell, Utensils, Plane, Music, Code, Wrench,
   Gift, Camera, Palette, Dog, Leaf, Zap,
@@ -62,7 +62,6 @@ export default function ListDetailScreen() {
   const isDark = (theme === 'system' ? systemScheme : theme) === 'dark';
   const isDraggingRef = useRef(false);
   const [refreshing, setRefreshing] = useState(false);
-  const spinAnim = useRef(new Animated.Value(0)).current;
 
   const { sortBy, sortOrder, filterPriority, filterTag, filterCompleted, filterDueDate, hasActiveFilters } = useTaskStore();
 
@@ -98,29 +97,10 @@ export default function ListDetailScreen() {
   }, [loadData]);
 
   const handleRefresh = useCallback(async () => {
-    if (refreshing) return;
     setRefreshing(true);
-    spinAnim.setValue(0);
-    Animated.loop(
-      Animated.timing(spinAnim, {
-        toValue: 1,
-        duration: 800,
-        easing: Easing.linear,
-        useNativeDriver: true,
-      })
-    ).start();
-    try {
-      await loadData();
-    } finally {
-      setRefreshing(false);
-      spinAnim.stopAnimation();
-    }
-  }, [loadData, refreshing, spinAnim]);
-
-  const spin = spinAnim.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['0deg', '360deg'],
-  });
+    await loadData();
+    setRefreshing(false);
+  }, [loadData]);
 
   const handleToggle = async (taskId: string) => {
     await toggleComplete(taskId);
@@ -219,11 +199,6 @@ export default function ListDetailScreen() {
           </Text>
         </View>
         <View className="flex-row items-center">
-          <Pressable onPress={handleRefresh} disabled={refreshing} className="mr-3 p-1">
-            <Animated.View style={{ transform: [{ rotate: spin }] }}>
-              <RefreshCw size={20} color={isDark ? '#A0A0A0' : '#6B6B6B'} />
-            </Animated.View>
-          </Pressable>
           <Pressable onPress={() => setShowSearch(true)} className="mr-3 p-1">
             <Search size={20} color={isDark ? '#A0A0A0' : '#6B6B6B'} />
           </Pressable>
@@ -281,6 +256,14 @@ export default function ListDetailScreen() {
             onDragBegin={() => { isDraggingRef.current = true; }}
             onDragEnd={handleDragEnd}
             activationDistance={canDrag ? 0 : 10000}
+            refreshControl={
+              <RefreshControl
+                refreshing={refreshing}
+                onRefresh={handleRefresh}
+                tintColor={colors.bleu.DEFAULT}
+                colors={[colors.bleu.DEFAULT]}
+              />
+            }
           />
         </GestureHandlerRootView>
       )}

package.json

@@ -1,7 +1,7 @@
 {
   "name": "simpl-liste",
   "main": "index.js",
-  "version": "1.6.1",
+  "version": "1.6.0",
   "scripts": {
     "start": "expo start",
     "android": "expo start --android",