feat: 引入手势组件

components/ask/selectModel.tsx

@@ -4,6 +4,7 @@ import YesSvg from "@/assets/icons/svg/yes.svg";
 import { TFunction } from "i18next";
 import React from "react";
 import { FlatList, Image, Modal, StyleSheet, TouchableOpacity, View } from "react-native";
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { ThemedText } from "../ThemedText";
 import { mergeArrays } from "./utils";
 
@@ -16,7 +17,11 @@ interface SelectModelProps {
     t: TFunction;
 }
 const SelectModel = ({ modalDetailsVisible, setModalDetailsVisible, insets, setSelectedImages, selectedImages, t }: SelectModelProps) => {
-
+    const longPressGesture = Gesture.LongPress().onEnd((e, success) => {
+        if (success) {
+            console.log(`Long pressed for ${e.duration} ms!`);
+        }
+    });
     return (
         <Modal
             animationType="fade"
@@ -63,6 +68,7 @@ const SelectModel = ({ modalDetailsVisible, setModalDetailsVisible, insets, setS
                                     style={detailsStyles.gridItemContainer}
                                     key={item.id}
                                 >
+                                    <GestureDetector gesture={longPressGesture}>
                                         <View style={detailsStyles.gridItem}>
                                             <ThemedText style={detailsStyles.imageNumber}>
                                                 {selectedImages?.map((image, index) => {
@@ -89,6 +95,7 @@ const SelectModel = ({ modalDetailsVisible, setModalDetailsVisible, insets, setS
                                                 {isSelected && <YesSvg width={16} height={16} />}
                                             </TouchableOpacity>
                                         </View>
+                                    </GestureDetector>
                                 </TouchableOpacity>
                             );
                         }}

provider.tsx

@@ -1,6 +1,7 @@
 
 import { I18nextProvider } from "react-i18next";
 import { Platform } from 'react-native';
+import { GestureHandlerRootView } from "react-native-gesture-handler";
 import Toast, { BaseToast, ErrorToast, ToastConfig } from 'react-native-toast-message';
 import { Provider as ReduxProvider } from "react-redux";
 import { AuthProvider } from "./contexts/auth-context";
@@ -70,7 +71,7 @@ const toastConfig: ToastConfig = {
 
 export function Provider({ children }: { children: React.ReactNode }) {
   return (
-
+    <GestureHandlerRootView style={{ flex: 1 }}>
       <I18nextProvider i18n={i18n}>
         <LanguageProvider>
           <ReduxProvider store={store}>
@@ -88,6 +89,6 @@ export function Provider({ children }: { children: React.ReactNode }) {
           </ReduxProvider>
         </LanguageProvider>
       </I18nextProvider>
-
+    </GestureHandlerRootView>
   );
 }