Questions tagged [react-animated]

For questions specifically related to the React Native Animated framework that is used to animate React Native components in a performant manner.

369 questions
0
votes
1 answer

"Sticky" center element of horizontal React Native ListView

My complete source code for this issue is posted as an Expo app: https://exp.host/@kevinoldlifeway/swipe-scrollview-of-webviews as well as on Github https://github.com/kevinold/swipe-scrollview-of-webviews I am building a book view in React Native.…
0
votes
0 answers

Swipe card on button click using panresponder

I am trying to make a tinder-like app component to swipe cards, it is working fine when I swipe using a finger, however, I want to achieve the same on button click as well. I have used Panresponder so far for creating swipe action, below is my…
0
votes
1 answer

React native Animated.decay clamp values

For different reasons I'm trying to reproduce the pan behaviour of a scroll view. I'm using Animated.decay in my PanResponder, but I need to clamp the values between 0 and the size of my content so it doesn't go out of bounds I used…
Julien Fouilhé
  • 2,583
  • 3
  • 30
  • 56
0
votes
1 answer

react-addons-transition-group's `componentWillLeave` equivalent for React Native??

The componentWillLeave feature and the corresponding callback is a powerful feature I haven't seen in RN. Without it, you're always forced into producing very crappy code using additional states to make sure an element stays on the page/phone until…
faceyspacey.com
  • 2,510
  • 2
  • 20
  • 29
-1
votes
1 answer

React Native Animated opacity - does the item become transparent or is gone entirely?

Pardon me if this question is silly but I really want an explicit clarification and didn't have much luck finding one online. I chanced upon the Animated library and thought it would be useful in my project to animate a notification. However, I…
mintyfree
  • 23
  • 4
-1
votes
1 answer

how to make image show fade in and out with pure react native? (with function component)

i want to make sequential images that fade in and out repeated. i seen this sometimes in web. i want to implement this in app with react-native. but i feel difficult when make this with pure react native. and it seems impossible with…
nayounsang
  • 83
  • 1
  • 6
-1
votes
1 answer

Ract Native Animated API : I can't move the element correctly and leave a space between the elements while using the react native Animated API

I am trying to implement this carousel in React Native and use React Native Animated to implement it. I wrote the code as follows const itemSize = AppDevice.width / 4; const marginValue = 5; const HomeScreen = ({navigation}) => { …
-1
votes
1 answer

Is there any way to get the remaining time of animation in react native?

suppose i have a view which is fading in and then i call stopAnimation to stop it... at this point is there a way to get the remaining time/duration left like 2000ms or 0 if completed.... below is the example with a fadeIn view. i want to resume the…
1 2 3
24
25