Questa è l'app Linux denominata react-native-animatable la cui ultima versione può essere scaricata come 1.3.3.tar.gz. Può essere eseguito online nel provider di hosting gratuito OnWorks per workstation.
Scarica ed esegui online questa app denominata react-native-animatable con OnWorks gratuitamente.
Segui queste istruzioni per eseguire questa app:
- 1. Scaricata questa applicazione sul tuo PC.
- 2. Entra nel nostro file manager https://www.onworks.net/myfiles.php?username=XXXXX con il nome utente che desideri.
- 3. Carica questa applicazione in tale file manager.
- 4. Avviare l'emulatore online OnWorks Linux o Windows online o l'emulatore online MACOS da questo sito Web.
- 5. Dal sistema operativo OnWorks Linux che hai appena avviato, vai al nostro file manager https://www.onworks.net/myfiles.php?username=XXXXX con il nome utente che desideri.
- 6. Scarica l'applicazione, installala ed eseguila.
IMMAGINI
Ad
reagire-nativo-animabile
DESCRIZIONE
Transizioni dichiarative e animazioni per React Native. Per animare le cose devi usare il compositore createAnimatableComponent simile a Animated.createAnimatedComponent. I componenti comuni View, Text e Image sono precomposti ed esposti nello spazio dei nomi Animatable. Se hai il tuo componente che desideri animare, avvolgilo semplicemente con un Animatable.View. Per creare animazioni in loop, imposta semplicemente iterationCount su infinito. La maggior parte delle animazioni, ad eccezione dei cercatori di attenzione, funzionano meglio quando si imposta la direzione per alternare. Puoi creare le tue semplici transizioni di una proprietà di stile di tua scelta. L'esempio seguente aumenterà la dimensione del carattere di 5 per ogni tocco, tutto animato, tutto dichiarativo! Se non fornisci una proprietà di durata, verrà utilizzata un'animazione a molla. Le transizioni richiedono StyleSheet.flatten disponibile in React Native 0.15 o successivo. Se stai usando qualcosa di più basso, per favore polyfill come descritto in uso imperativo.
Caratteristiche
- Tutte le animazioni sono esposte come funzioni sugli elementi Animatable
- Le animazioni restituiscono una promessa che viene risolta quando l'animazione viene completata correttamente o viene annullata
- Per interrompere qualsiasi animazione in corso, basta invocare stopAnimation() su quell'elemento
- Puoi anche animare imperativamente usando la funzione animate() sull'elemento per animazioni personalizzate
- È possibile fare riferimento alle animazioni con un nome globale o un oggetto di definizione
- Combina più stili per creare un'animazione con zoom indietro
Linguaggio di programmazione
JavaScript
Questa è un'applicazione che può anche essere scaricata da https://sourceforge.net/projects/react-native-animatable.mirror/. È stato ospitato in OnWorks per essere eseguito online in modo più semplice da uno dei nostri sistemi operativi gratuiti.
