Dit is de Windows-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 een OS OnWorks online emulator vanaf deze website, maar een betere Windows online emulator.
- 5. Ga vanuit het OnWorks Windows-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 en installeer deze.
- 7. Download Wine van de softwarebronnen voor Linux-distributies. Eenmaal geïnstalleerd, kunt u vervolgens dubbelklikken op de app om ze met Wine uit te voeren. Je kunt ook PlayOnLinux proberen, een mooie interface via Wine waarmee je populaire Windows-programma's en -games kunt installeren.
Wine is een manier om Windows-software op Linux uit te voeren, maar zonder dat Windows vereist is. Wine is een open-source Windows-compatibiliteitslaag die Windows-programma's rechtstreeks op elke Linux-desktop kan uitvoeren. In wezen probeert Wine genoeg van Windows opnieuw te implementeren, zodat het al die Windows-applicaties kan draaien zonder Windows echt nodig te hebben.
SCHERMSCHERMEN:
reactie-native-animeerbaar
BESCHRIJVING:
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.