Dies ist die Linux-App mit dem Namen React-Native-Animable, deren neueste Version als 1.3.3.tar.gz heruntergeladen werden kann. Es kann online im kostenlosen Hosting-Anbieter OnWorks für Workstations ausgeführt werden.
Laden Sie diese App namens React-Native-Animable mit OnWorks kostenlos herunter und führen Sie sie online aus.
Befolgen Sie diese Anweisungen, um diese App auszuführen:
- 1. Diese Anwendung auf Ihren PC heruntergeladen.
- 2. Geben Sie in unserem Dateimanager https://www.onworks.net/myfiles.php?username=XXXXX den gewünschten Benutzernamen ein.
- 3. Laden Sie diese Anwendung in einem solchen Dateimanager hoch.
- 4. Starten Sie den OnWorks Linux-Online- oder Windows-Online-Emulator oder den MACOS-Online-Emulator von dieser Website.
- 5. Rufen Sie vom gerade gestarteten OnWorks Linux-Betriebssystem aus unseren Dateimanager https://www.onworks.net/myfiles.php?username=XXXXX mit dem gewünschten Benutzernamen auf.
- 6. Laden Sie die Anwendung herunter, installieren Sie sie und führen Sie sie aus.
SCREENSHOTS
Ad
reaktiv-nativ-animierbar
BESCHREIBUNG
Deklarative Übergänge und Animationen für React Native. Um Dinge zu animieren, müssen Sie den Composer createAnimatableComponent ähnlich dem Animated.createAnimatedComponent verwenden. Die gemeinsamen Komponenten Ansicht, Text und Bild werden vorkomponiert und unter dem Animatable-Namespace bereitgestellt. Wenn Sie eine eigene Komponente haben, die Sie animieren möchten, wickeln Sie sie einfach mit einer Animatable.View ein. Um Schleifenanimationen zu erstellen, setzen Sie einfach den iterationCount auf unendlich. Die meisten Animationen mit Ausnahme der Aufmerksamkeitssucher funktionieren am besten, wenn die Richtung wechselnd eingestellt wird. Sie können Ihre eigenen einfachen Übergänge einer Stileigenschaft Ihrer Wahl erstellen. Im folgenden Beispiel wird die Schriftgröße bei jedem Tippen um 5 erhöht, alle animiert, alle deklarativ! Wenn Sie keine Dauereigenschaft angeben, wird eine Frühlingsanimation verwendet. Übergänge erfordern StyleSheet.flatten, verfügbar in React Native 0.15 oder höher. Wenn Sie mit etwas niedrigerem Material arbeiten, füllen Sie bitte wie unter zwingende Verwendung beschrieben polyfill.
Eigenschaften
- Alle Animationen werden als Funktionen auf animierbaren Elementen bereitgestellt
- Animationen geben eine Zusage zurück, die aufgelöst wird, wenn die Animation erfolgreich abgeschlossen oder abgebrochen wird
- Um alle laufenden Animationen zu stoppen, rufen Sie einfach stopAnimation() für dieses Element auf
- Sie können auch zwingend animieren, indem Sie die animate()-Funktion des Elements für benutzerdefinierte Animationen verwenden
- Auf Animationen kann mit einem globalen Namen oder einem Definitionsobjekt verwiesen werden
- Kombinieren Sie mehrere Stile, um eine Zoom-Out-Animation zu erstellen
Programmiersprache
JavaScript
Dies ist eine Anwendung, die auch von https://sourceforge.net/projects/react-native-animatable.mirror/ abgerufen werden kann. Es wurde in OnWorks gehostet, um auf einfachste Weise online von einem unserer kostenlosen Betriebssysteme ausgeführt zu werden.
