Tôi muốn được giúp đỡ về cách sửa đổi mã này để tôi có thể trượt lên và xuống react-native-bottomsheet bằng cử chỉ chạm. Tôi tìm ra cách thực hiện bằng các nút. Tôi đang sử dụng @gorhom/bottom-sheet, "react-native-reanimated": "2.17.0", "react-native-gesture-handler": "2.9.0", "react-native": "0.70.5", trong package.json của tôi. Đây là một số mã tôi đang sử dụng.

Tôi muốn một số trợ giúp về cách sửa đổi mã này để tôi có thể trượt phản ứng phủ định gốc này lên và xuống bằng cách sử dụng cử chỉ chạm. Tôi đã tìm ra cách để làm điều đó với các nút. Trong Package.json của tôi, tôi đã sử dụng @Gorhom/Bottom-Sheet, "reaction-ative-relive": "2.17.0", "action-ative-Handure-Handle": "2.9.0", "act -ative" : "0,70,5". Đây là một số mã tôi đang sử dụng.

    nhập React, { useState, useCallback, useRef, useMemo } từ 'react';
    import { View, StyleSheet, Image, TouchableOpacity, Modal, Dimensions, Text, ScrollView, Button } từ 'react-native';
    nhập {SafeAreaView} từ 'react-native-safe-area-context';
    nhập { MaterialCommunityIcons, MaterialIcons } từ '@expo/vector-icons';
    nhập { useNavigation, useRoute } từ '@react-navigation/core';
    nhập NavBar, { navBarIcons } từ '../NavBarComponents/NavBar';
    nhập { BottomSheetModal, BottomSheetScrollView, BottomSheetBackdrop } từ '@gorhom/bottom-sheet';
    nhập BottomSheet, { BottomSheetView } từ "@gorhom/bottom-sheet";

    xuất khẩu const Hồ sơ = () => {

    const sheetRef = useRef(null);
    const handleSheetChange = useCallback((index: số) => {
    console.log('handleSheetChanges', chỉ mục);
  }, []);

  const handleSnapPress = useCallback((index) => {
    sheetRef.current?.snapToIndex(chỉ mục);
  }, []);
  const handClosePress = useCallback(() => {
    sheetRef.current?.close();
  }, []);



  // kết xuất
  const renderItem = useCallback(() => (
    
    
      {tên thẻ},
      {card.age}
      
        
        {roundedRate && {roundedRate}}
      
    
    
   ), [thẻ]);

  const handleImagePress = () => {
    setImageModalVisible(đúng);
  };

  const closeImageModal = () => {
    setImageModalVisible(sai);
  };

  const closeBottomSheet = () => {
    setBottomSheetVisible(sai);
  };

  const openBottomSheet = () => {
    setBottomSheetVisible(đúng);
  };


       trở lại (
    
       
                  {/* handleSnapPress(2)} />
                   handleSnapPress(1)} />
                   handleSnapPress(0)} />
        

 handleClosePress()} />*/}
          
            tham chiếu={sheetRef}
            chỉ số={1}
            snapPoints={điểm chụp}
            onChange={handleSheetChange}
          >

                
                  {/*{data.map(renderItem)}*/}
                  {renderItem()}
                
              
            
       );
};