Esta es la aplicación de Linux llamada react-native-animatable cuya última versión se puede descargar como 1.3.3.tar.gz. Se puede ejecutar en línea en el proveedor de alojamiento gratuito OnWorks para estaciones de trabajo.
Descargue y ejecute en línea esta aplicación llamada react-native-animatable con OnWorks de forma gratuita.
Siga estas instrucciones para ejecutar esta aplicación:
- 1. Descargue esta aplicación en su PC.
- 2. Ingrese en nuestro administrador de archivos https://www.onworks.net/myfiles.php?username=XXXXX con el nombre de usuario que desee.
- 3. Cargue esta aplicación en dicho administrador de archivos.
- 4. Inicie el emulador en línea OnWorks Linux o Windows en línea o el emulador en línea MACOS desde este sitio web.
- 5. Desde el SO OnWorks Linux que acaba de iniciar, vaya a nuestro administrador de archivos https://www.onworks.net/myfiles.php?username=XXXXX con el nombre de usuario que desee.
- 6. Descarga la aplicación, instálala y ejecútala.
SCREENSHOTS
Ad
reaccionar-nativo-animable
DESCRIPCIÓN
Transiciones declarativas y animaciones para React Native. Para animar cosas, debe usar el compositor createAnimatableComponent similar al Animated.createAnimatedComponent. Los componentes comunes Vista, Texto e Imagen están precompuestos y expuestos en el espacio de nombres Animatable. Si tiene su propio componente que desea animar, simplemente envuélvalo con un Animatable.View. Para hacer animaciones en bucle, simplemente establezca iterationCount en infinito. La mayoría de las animaciones, excepto las que buscan atención, funcionan mejor cuando se cambia la dirección. Puede crear sus propias transiciones simples de una propiedad de estilo de su elección. El siguiente ejemplo aumentará el tamaño de la fuente en 5 por cada toque, ¡todo animado, todo declarativo! Si no proporciona una propiedad de duración, se utilizará una animación de primavera. Las transiciones requieren StyleSheet.flatten disponible en React Native 0.15 o posterior. Si está ejecutando algo más bajo, por favor polyfill como se describe en uso imperativo.
Caracteristicas
- Todas las animaciones se exponen como funciones en elementos animables.
- Las animaciones devuelven una promesa que se resuelve cuando la animación se completa correctamente o se cancela
- Para detener cualquier animación en curso, simplemente invoque stopAnimation () en ese elemento
- También puede animar imperativamente usando la función animate () en el elemento para animaciones personalizadas
- Se puede hacer referencia a las animaciones mediante un nombre global o un objeto de definición
- Combine varios estilos para crear una animación de alejamiento
Lenguaje de programación
JavaScript
Esta es una aplicación que también se puede obtener de https://sourceforge.net/projects/react-native-animatable.mirror/. Se ha alojado en OnWorks para poder ejecutarlo online de la forma más sencilla desde uno de nuestros Sistemas Operativos gratuitos.
