shoutem / animation Goto Github PK
View Code? Open in Web Editor NEWAnimate your React Native components
License: Other
Animate your React Native components
License: Other
Is this still being mantained @zrumenjak? If not, is there any other alternative with the same principle?
"@shoutem/animation": "^0.8.7",
"@shoutem/ui": "^0.9.1",
"react-native": "^0.35.0"
I perused a bit and did not see any references to isMounted
, but I confirmed this warning is only displaying when wrapping my <Title/>
component in <Parallax/>
. Any ideas?
Source code:
renderRow(category:any) {
return (
<TouchableOpacity onPress={() => Actions.Resource({id:'myresourceid'})}>
<Image
styleName="large-banner"
source={category.image}>
<Tile>
<Parallax driver={this.driver} scrollSpeed={1.1}>
<Title styleName="md-gutter-bottom">{category.body}</Title>
</Parallax>
</Tile>
</Image>
</TouchableOpacity>
);
}
Hi,
On a fresh react native project, the command for install "npm install --save @shoutem/animation" give me the following error:
npm ERR! Windows_NT 6.3.9600
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\
node_modules\npm\bin\npm-cli.js" "install" "--save" "@shoutem/animation"
npm ERR! node v7.6.0
npm ERR! npm v4.1.2
npm ERR! Invalid name: "@shoutem/animation"
Version react :
react-native-cli: 2.0.1
react-native: 0.41.2
Version npm : 4.1.2
Thanks
SlideIn and SlideOut don't seem to be working anymore. Also are there plans of adding more drivers and animations soon?
When using React 15.4.0 or higher, Parallax.js
cannot find NativeMethodsMixin
.
Since React 15.4.0 they have moved NativeMethodsMixin
from the React package to the React Native package. see here
I managed to fix it by simply changing this in Parallex.js
import React, { Component, } from 'react';
import NativeMethodsMixin from 'react/lib/NativeMethodsMixin';
import { Animated, View, Dimensions } from 'react-native';
to this
import React, { Component, } from 'react';
import { Animated, View, Dimensions, NativeMethodsMixin } from 'react-native';
I can create a pull request to fix this, however I dont know how this is going to affect older versions of react native or react.
I am trying to create a view with the image on top that scales when pulled and parallaxes when scrolled up. You have one on your video on http://shoutem.github.io it is one the with Game of Thrones. I am guessing that it is done with your animations. Could your help me understand how to build this? Maybe some example code? This always helps me be able to tear it apart and learn what is going on.
I was not abe to get your examples working below and I get this error:
"fatal: Could not read from remote repository.
Please make sure you have the correct access rights
and the repository exists."
I was following these instructions.
For more complex animations, run application from examples folder:
$ git clone [email protected]:shoutem/animation.git
$ cd animation/examples/ShoutemAnimation/
$ npm install
$ react-native run-ios
In React Native 0.38 native animation support was added on android. The TouchableOpacity
and TouchableBounce
were updated already to support this.
Would you be open to use this? Do you see anything speaking against using this for FadeIn
/FadeOut
?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.