gesture-handler-3-migration
Migrates files containing React Native components which use the React Native Gesture Handler 2 API to Gesture Handler 3.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Migrates files containing React Native components which use the React Native Gesture Handler 2 API to Gesture Handler 3.
How to use
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.