For questions specifically related to the React Native Animated framework that is used to animate React Native components in a performant manner.
Questions tagged [react-animated]
369 questions
0
votes
1 answer
Different Values for Animated.Value in RNI and Expo (Snack)
I get different results of Animated.Value in RNI and Expo Snack Application.
I created a new RNI App. Inside the App.js I added a new Animated.Value in a constructor, which I then console.log in the render method.
The console result is:
Animated…
Defrian
- 610
- 2
- 6
- 16
0
votes
0 answers
Remove/Fill background color - React Native Animation
Is this doable? Check this link for example.
I've been trying to make it work. This is my current code:
constructor(props) {
super(props);
this.state = {
animationValue: new Animated.Value(0)
};
}
Sebastian Berglönn
- 3,920
- 2
- 17
- 33
0
votes
1 answer
Pan Responder zone too large - React Native
I made a drag & drop feature on components which are dropped on elements which are in a with coordinates, it is all fine on Android.
But on iOS my animated views which have all the panResponder & handlers seems more large and dont fit with their…
0
votes
1 answer
AnimatedCircularProgress animation starts when the component renders rather than when the button is clicked. How to detect release of button
I'm trying to use the following component: https://github.com/bgryszko/react-native-circular-progress. But it seems like the animation begins as soon as the component renders, what I would like to do is only start the animation once the Icon has…
SwimmingG
- 654
- 2
- 9
- 29
0
votes
1 answer
implementing scrollview animation in react-native not working
I have two components- one consists of a scrollview and a function that is being fired on scroll of it and the other contains a footer whose height I want to change on scroll.
The first component with the scrollView goes like this--
const…
Aayushi
- 1,736
- 1
- 26
- 48
0
votes
0 answers
Is it to possible to animate simple line in react native?
Well, I had high hopes for react-native and thought it was stable when it comes to animation.
So here's the situation:
I have an app that Receives data from an external device. What I'd like to do is visualize the data in line graph format. (Note:…
user7947407
0
votes
1 answer
React Native Animated Scroll view jump behavior
Stuck with small problem. I have Animated.ScrollView and there i have onScroll Event like this
Animated.event(
[
{
nativeEvent: {
contentOffset: {
…
Андрей Гузюк
- 2,134
- 6
- 29
- 53
0
votes
0 answers
React CSSTransitionGroup animation doesn't work
I am trying the following simple show/hide animation and the item does appear and disappear but without any animation:
toggleChangePassword = () => {
this.setState({ showChangePassword: !this.state.showChangePassword })
}
....
ilyo
- 35,851
- 46
- 106
- 159
0
votes
1 answer
Getting a simple scrolling animation to work in react-native
I'm having a hell of a time trying to get a simple scrolling animation working in react native.
What I'm trying to achieve is that the component scrolls off the right hand edge of the screen after it has been tapped.
Whatever I do with this class,…
Racheet
- 730
- 8
- 21
0
votes
1 answer
Animating toolbar elevation on scroll in React-Native
I am trying to animate toolbar elevation on scroll of a flatlist, But I keep getting a Warning: Failed prop type: Invalid prop style.container of type object supplied to Toolbar, expected number. I am using Toolbar component from…
Ayan
- 2,738
- 3
- 35
- 76
0
votes
0 answers
React native card flip animation on tap
I've got 2 cards, which can be flipped when tapped on.
Presently both the cards are flipping when any of the cards is tapped.
I want only the tapped card to flip.
How to get this done?
Sample code is available here https://snack.expo.io/rkBr-Ezpb
user3911840
- 151
- 2
- 6
0
votes
1 answer
Animation render with React Native + Animated.timing and setState
The animation library it's working fine, but I have a problem when I execute this.setState while I’m using Animated.timing because it’s re-render my screen and my animations are restarted.
By example, when I try to run an animation with…
Yamil Díaz Aguirre
- 110
- 7
0
votes
3 answers
New animation after setState - React Native
I don't find the answer to my problem for my react native app.
If you have an idea how to achieve that, that would be great :)
What I'm trying to do:
In a page, when I press somewhere, I want to display an animation (for example a square apparition)…
Wandrille
- 6,267
- 3
- 20
- 43
0
votes
1 answer
How to add animation to contentContainerStyle?
I'm currently trying to animate a scrollview, so it adjusts to the height of an accordian above it. I'm trying to get the scrollView to offset by using an animation but I keep getting the error Transform with key of "translateY" must be a number:…
maitham dib
- 179
- 2
- 14
0
votes
1 answer
Animated.loop image
Back in 1996 I created spinning logos for clients, because I could, and now in 2017 I'm back at it, thanks to Animated.
The code below the
works, but there's a tiny bump when it restarts. Any idea how I can use Animated.loop? It doesn't:…
works, but there's a tiny bump when it restarts. Any idea how I can use Animated.loop? It doesn't:…
webjay
- 5,358
- 9
- 45
- 62