gesture-handler-3-migration
Automatyczne migrowanie komponentów React Native z Gesture Handler 2 na nową wersję 3 z hook-based API
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do automatycznej aktualizacji plików React Native, które używają starszego API Gesture Handler 2. Narzędzie skanuje komponenty, zamienia builder-based API na nowe hook-based API, aktualizuje nazwy callbacków (onStart → onActivate, onEnd → onDeactivate) i dostosowuje GestureDetector do nowych wymogów. Idealne do szybkiego przejścia na Gesture Handler 3 bez ręcznego przepisywania kodu.
Jak używać
Przygotuj pliki zawierające komponenty React Native, które importują z 'react-native-gesture-handler' i używają starszego API. Skill będzie skanować te pliki w poszukiwaniu użycia Gesture Handler 2.
Zidentyfikuj wszystkie importy z 'react-native-gesture-handler' w twoim kodzie. Skill automatycznie je przeanalizuje i przygotuje do zamiany.
Dla każdego wywołania
Gesture.X()skill zamieni je na odpowiadający hookuseXGesture(config). Metody builder API zostaną przekonwertowane na pola obiektu konfiguracyjnego.Skill zaktualizuje nazwy callbacków zgodnie z nową specyfikacją:
onStartzmieni się naonActivate,onEndnaonDeactivate, aonTouchesCancellednaonTouchesCancel. WłaściwościonChangezostaną przeniesione do eventu dostępnego wonUpdate.Jeśli kod zawiera złożone gesty (composed gestures), skill zamieni je na relation hooks. Pamiętaj o zachowaniu reguł hooks React podczas tego procesu.
Jeśli używasz GestureDetector z SVG, skill zaktualizuje go na Intercepting lub Virtual GestureDetector. Sprawdź także sekcję "Legacy components" w dokumentacji, aby upewnić się, że wszystkie komponenty importowane z biblioteki zostały prawidłowo dostosowane.