Dit is de Linux-app genaamd react-native-animatable waarvan de nieuwste release kan worden gedownload als 1.3.3.tar.gz. Het kan online worden uitgevoerd in de gratis hostingprovider OnWorks voor werkstations.
Download en voer deze app met de naam react-native-animatable gratis uit met OnWorks.
Volg deze instructies om deze app uit te voeren:
- 1. Download deze applicatie op uw pc.
- 2. Voer in onze bestandsbeheerder https://www.onworks.net/myfiles.php?username=XXXXX in met de gebruikersnaam die u wilt.
- 3. Upload deze applicatie in zo'n bestandsbeheerder.
- 4. Start de OnWorks Linux online of Windows online emulator of MACOS online emulator vanaf deze website.
- 5. Ga vanuit het OnWorks Linux-besturingssysteem dat u zojuist hebt gestart naar onze bestandsbeheerder https://www.onworks.net/myfiles.php?username=XXXXX met de gewenste gebruikersnaam.
- 6. Download de applicatie, installeer hem en voer hem uit.
SCREENSHOTS
Ad
reactie-native-animeerbaar
PRODUCTBESCHRIJVING
Declaratieve overgangen en animaties voor React Native. Om dingen te animeren moet u de createAnimatableComponent-componist gebruiken, vergelijkbaar met de Animated.createAnimatedComponent. De gemeenschappelijke componenten Beeld, Tekst en Afbeelding zijn vooraf samengesteld en weergegeven onder de Animeerbare naamruimte. Als u uw eigen component heeft die u wilt animeren, kunt u deze eenvoudig inpakken met een Animatable.View. Om looping-animaties te maken, stelt u eenvoudigweg iterationCount in op oneindig. De meeste animaties, behalve de aandachtzoekers, werken het beste bij het instellen van een afwisselende richting. U kunt uw eigen eenvoudige overgangen maken van een stijleigenschap naar keuze. In het volgende voorbeeld wordt de lettergrootte met 5 vergroot voor elke tik, allemaal geanimeerd, allemaal declaratief! Als u geen duureigenschap opgeeft, wordt er gebruik gemaakt van een veeranimatie. Voor overgangen is StyleSheet.flatten vereist, beschikbaar in React Native 0.15 of hoger. Als u op iets lagers draait, vul dan polyfill zoals beschreven onder imperatief gebruik.
Voordelen
- Alle animaties worden weergegeven als functies op animatie-elementen
- Animaties retourneren een belofte die wordt opgelost wanneer de animatie met succes wordt voltooid of wordt geannuleerd
- Om lopende animaties te stoppen, roept u gewoon stopAnimation() op dat element aan
- U kunt ook absoluut animeren door de animate()-functie op het element te gebruiken voor aangepaste animaties
- Naar animaties kan worden verwezen met een globale naam of een definitieobject
- Combineer meerdere stijlen om een uitzoomanimatie te creëren
Programmeertaal
JavaScript
Dit is een applicatie die ook kan worden opgehaald van https://sourceforge.net/projects/react-native-animatable.mirror/. Het is gehost in OnWorks zodat het op de eenvoudigste manier online kan worden uitgevoerd vanaf een van onze gratis besturingssystemen.
