Stack Overflow
Stack Overflow

Questions tagged [react-native-animatable]

For questions related to the react-native-animatable library that provides "declarative transitions and animations for React Native".

For questions related to the react-native-animatable library that provides "declarative transitions and animations for React Native".

120 questions
0
votes
1 answer

How can we add animation to the bottom tab icon in react native version .61

How can i customise the bottomTab in react-native Navigation and add custom animation to it.I am currently using react native version .61 and i want to put animation in only in middle tab icon. Icon should jump and rotate.I need it for ios apps.
Anand Gaurav
  • 11
  • 4
0
votes
3 answers

How to solve React Native Scroll Animation issue during slow scroll?

I have made an example code here with Snack expo Animated Header The issue that I'm having is that my animation is not smooth enough. It looks like it's shaking. Demo video YouTube Video I can't seem to find what's the issue here and also tried to…
Firman Jamal
  • 113
  • 2
  • 12
0
votes
1 answer

Why is react-native Animated View not rendering?

Goal: create a main button that when pressed, spins 180 degrees along the Z axis, and starts an animation for the opacity and translation (Y axis) of secondary option buttons that are revealed once main button is pressed. then reverse the whole…
Jim
  • 1,988
  • 6
  • 34
  • 68
0
votes
2 answers

how to create animation screen in react native

I am trying to make a animation screen something like this picture but I am not done properly. b I want like this picture which I uploaded. I am not good in animation please help me to improve my code. I am stuck in animation. this is what I…
shammi
  • 1,301
  • 1
  • 10
  • 25
0
votes
1 answer

How to handle animations on individual icons rendered dynamically?

Summary I have an 'arrow-dropdown' expo icon in an accordion header that I'm trying to animate to flip 180 degrees when pressed, so the user knows it can be closed, or opened. These headers are rendered dynamically; I do not know how many are going…
ty1
  • 334
  • 4
  • 19
0
votes
2 answers

TapGestureHandler not triggering onHandlerStateChange

I have a onHandlerStateChange event in TapGestureHandler. When the onHandlerStateChange is triggered, i want to change the opacity of a button inside TapGestureHandler. …
Mike
  • 117
  • 1
  • 3
  • 10
0
votes
1 answer

How same thing can be done in functional component?

I' getting the output in class-based component, but I want to know how the same thing can be done in functional component class Apps extends React.Component { handleViewRef = ref => this.view = ref; bounce = () => this.view.bounce(800) …
learner62
  • 520
  • 3
  • 10
  • 26
0
votes
1 answer

How to layer components properly on React Native

I am trying to build an app with react native and am having some trouble in building the initial screen because I do not properly understand how to layer components on to the screen and make it all appear. I have tried to change the code in certain…
dpatel125
  • 121
  • 5
  • 16
0
votes
1 answer

What is the correct way to set the new coordinates of a view after translation animation in react-native?

I am trying to run a few simple animations using react-native-animatable library. (But I believe the question should be generic to any react animations so adding other tags as well.) The problem is, in the first time, the image animates just as…
Mehmet Kaplan
  • 1,723
  • 2
  • 20
  • 43
0
votes
0 answers

Sequence animation in react native

I am trying to make use of react-native-animatable to make a sequence of images animated. Here's my code: import * as Animatable from 'react-native-animatable'; constructor(props) { super(props); this.images = [ …
Saumay Paul
  • 405
  • 1
  • 7
  • 21
0
votes
1 answer

React Native point Animation

I just need to create an animated progress bar which is exactly same as above picture. I have created an arc bar. But I'm struggling with white point move animation. How can I make a point movement from Right to left? Here I used -…
Rajitha Perera
  • 1,581
  • 5
  • 26
  • 42
0
votes
2 answers

flat list android animation doesn't work as expected

I am trying to make an animation on items that inside flatList. Each item will appear from right to left. On IOS It's work fine but on ANDROID not. the animation contains fade in and transform: translateX animation. If there another way to make like…
Aharon Vishinsky
  • 373
  • 2
  • 5
  • 15
-1
votes
1 answer

NativeAnimatedModule.getValue is not a function

Am using Expo SDK 42, and "react-native": "^0.66.1", while I launched my app error comes native animated module. start operation batch is not a function and I got a reference from this https://stackoverflow.com/a/67338245 and issue fixed. But after…
Bharanitharan Sakthivel
  • 277
  • 4
  • 14
-1
votes
1 answer

React Native Image Slider Animation

There are 4 images. Whenever I swap them, I want to have a smooth animated transition. How may I apply that in my current code? Click here to view the code Also please check out the 2nd screenshot. I don't want the left swap option to be active when…
Hossain
  • 17
  • 9
-2
votes
1 answer

How to achieve a smooth ScrollView animation

Issue I have an app displaying text. It needs to scroll to the bottom of the page in X amount of time. Right now it's working, but it's not smooth. It goes bit by bit because I call the function to scroll every 1000ms, setting the scroll-position to…
NickyNL
  • 21
  • 1
  • 3
1 2 3 4 5 6 7
8