This is the Linux app named react-native-animatable whose latest release can be downloaded as 1.3.3.tar.gz. It can be run online in the free hosting provider OnWorks for workstations.
Download and run online this app named react-native-animatable with OnWorks for free.
Follow these instructions in order to run this app:
- 1. Downloaded this application in your PC.
- 2. Enter in our file manager https://www.onworks.net/myfiles.php?username=XXXXX with the username that you want.
- 3. Upload this application in such filemanager.
- 4. Start the OnWorks Linux online or Windows online emulator or MACOS online emulator from this website.
- 5. From the OnWorks Linux OS you have just started, goto our file manager https://www.onworks.net/myfiles.php?username=XXXXX with the username that you want.
- 6. Download the application, install it and run it.
SCREENSHOTS:
react-native-animatable
DESCRIPTION:
Declarative transitions and animations for React Native. To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components View, Text and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you wish to animate, simply wrap it with a Animatable.View. To make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work best when setting direction to alternate. You can create your own simple transitions of a style property of your own choosing. The following example will increase the font size by 5 for every tap, all animated, all declarative! If you don't supply a duration property, a spring animation will be used. Transitions require StyleSheet.flatten available in React Native 0.15 or later. If you are running on anything lower, please polyfill as described under imperative usage.
Features
- All animations are exposed as functions on Animatable elements
- Animations return a promise that is resolved when animation completes successfully or is cancelled
- To stop any ongoing animations, just invoke stopAnimation() on that element
- You can also animate imperatively by using the animate() function on the element for custom animations
- Animations can be referred to by a global name or a definition object
- Combine multiple styles to create a zoom out animation
Programming Language
JavaScript
This is an application that can also be fetched from https://sourceforge.net/projects/react-native-animatable.mirror/. It has been hosted in OnWorks in order to be run online in an easiest way from one of our free Operative Systems.