Toolverse
Wszystkie skille

gesture-handler-3-migration

autor: software-mansion

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

Szybkie info

Kategoria
Mobile
Wyświetlenia
2

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ć

  1. 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.

  2. Zidentyfikuj wszystkie importy z 'react-native-gesture-handler' w twoim kodzie. Skill automatycznie je przeanalizuje i przygotuje do zamiany.

  3. Dla każdego wywołania Gesture.X() skill zamieni je na odpowiadający hook useXGesture(config). Metody builder API zostaną przekonwertowane na pola obiektu konfiguracyjnego.

  4. Skill zaktualizuje nazwy callbacków zgodnie z nową specyfikacją: onStart zmieni się na onActivate, onEnd na onDeactivate, a onTouchesCancelled na onTouchesCancel. Właściwości onChange zostaną przeniesione do eventu dostępnego w onUpdate.

  5. 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.

  6. 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.

Podobne skille