Jest to aplikacja dla systemu Linux o nazwie reagują-native-animable, której najnowszą wersję można pobrać jako 1.3.3.tar.gz. Można go uruchomić online w bezpłatnym dostawcy hostingu OnWorks dla stacji roboczych.
Pobierz i uruchom online tę aplikację o nazwie React-native-animable z OnWorks za darmo.
Postępuj zgodnie z tymi instrukcjami, aby uruchomić tę aplikację:
- 1. Pobrałem tę aplikację na swój komputer.
- 2. Wpisz w naszym menedżerze plików https://www.onworks.net/myfiles.php?username=XXXXX z wybraną nazwą użytkownika.
- 3. Prześlij tę aplikację w takim menedżerze plików.
- 4. Uruchom emulator online OnWorks Linux lub Windows online lub emulator online MACOS z tej witryny.
- 5. W systemie operacyjnym OnWorks Linux, który właśnie uruchomiłeś, przejdź do naszego menedżera plików https://www.onworks.net/myfiles.php?username=XXXXX z wybraną nazwą użytkownika.
- 6. Pobierz aplikację, zainstaluj ją i uruchom.
ZRZUTY EKRANU
Ad
reaktywny-natywny-animable
OPIS
Deklaratywne przejścia i animacje dla React Native. Aby animować rzeczy, musisz użyć kompozytora createAnimatedComponent podobnego do Animated.createAnimatedComponent. Wspólne komponenty View, Text i Image są wstępnie skomponowane i widoczne w przestrzeni nazw Animable. Jeśli masz własny komponent, który chcesz animować, po prostu zawiń go za pomocą Animatable.View. Aby tworzyć zapętlone animacje, po prostu ustaw iterationCount na nieskończoność. Większość animacji, z wyjątkiem poszukiwaczy uwagi, działa najlepiej, gdy zmieniasz kierunek. Możesz tworzyć własne proste przejścia właściwości stylu według własnego wyboru. Poniższy przykład zwiększy rozmiar czcionki o 5 dla każdego stuknięcia, wszystkie animowane, wszystkie deklaratywne! Jeśli nie podasz właściwości czasu trwania, zostanie użyta animacja sprężyny. Przejścia wymagają pliku StyleSheet.flatten dostępnego w React Native 0.15 lub nowszym. Jeśli biegasz na czymkolwiek niższym, wypełnij wypełnienie zgodnie z opisem w imperatywnym użyciu.
Korzyści
- Wszystkie animacje są widoczne jako funkcje na elementach Animable
- Animacje zwracają obietnicę, która jest rozwiązana, gdy animacja zakończy się pomyślnie lub zostanie anulowana
- Aby zatrzymać trwające animacje, po prostu wywołaj stopAnimation() na tym elemencie
- Możesz także animować imperatywnie, używając funkcji animate() na elemencie dla niestandardowych animacji
- Animacje mogą odnosić się do globalnej nazwy lub obiektu definicji
- Połącz wiele stylów, aby utworzyć animację pomniejszania
Język programowania
JAVASCRIPT
Jest to aplikacja, którą można również pobrać z https://sourceforge.net/projects/react-native-animatable.mirror/. Jest hostowany w OnWorks, aby można go było uruchomić online w najprostszy sposób z jednego z naszych bezpłatnych systemów operacyjnych.