Wykryj koniec przewijania w React Native ScrollView, przystaw do strony

Question

React Native ScrollView ma prop pagingEnabled. Zakłada się jednak, że szerokość każdej strony (lub elementu potomnego) w ScrollView jest równa szerokości ScrollView.

W jaki sposób możemy naprawić to, aby działało poprawnie dla stron, które są mniejsze niż ScrollView?

Czy można wykryć, kiedy użytkownik przestaje przewijać? Następnie możemy łatwo napisać nasz własny kod, aby przyciągnąć do właściwej strony.

Edytuj: Istnieje kilka innych sposobów na naprawienie tego za pomocą rekwizytów dostępnych tylko w systemie iOS, więc jest to szczególnie problem na Androidzie.

Answer 1

Istnieją dwa różne rekwizyty, które można ustawić na React Native ScrollView, który oddzwoni, aby powiadomić o zakończeniu przewijania. ( one nie są, o ile mi wiadomo, wymienione w dokumentacji API, nie jestem pewien dlaczego. Tylko jeden z nich jest obecnie nieudokumentowana.)

---

onScrollEndDrag funkcja

Wywoływany, gdy użytkownik puści ScrollView (podnosi palec z ekranu).

próbki robocze: https://rnplay.org/apps/Ufv6Cg

---

onMomentumScrollEnd function

nazwie gdy Scrollview przestaje przesuwnych (to zazwyczaj nadal przesuwać się trochę, gdy użytkownik podniósł palcem na ekranie).

próbka robocza: https://rnplay.org/apps/BPgG_g

---

Uwaga: nie mogę znaleźć metody w dokumentacji API dla dowolnego React Native komponent, ale działają jak pokazano w przykładach. Widziałem je używane here w react-native-snap-carousel.