python (65.2k questions)

javascript (44.3k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (13k questions)

Questions - react-animated

Conditionally trigger Animated.timing from ScrollY position of ScrollView

I've created a template for screens throughout my app. The template utilises Animated Header components that respond to the scrollY position of the ScrollView content. I'm able to use this scrollY var...
test-img

Dazza

react-native

react-animated

Votes: 0

Answers: 0

Changing react native animated value mid-animation

I have built something similar to the popular game Flappy Bird - an object falls, and the user clicks a button causing that object to jump with the aim of making sure it doesn't hit the bottom of the ...
test-img

bobby_belfast

javascript

react-native

react-animated

react-native-reanimated

Votes: 0

Answers: 2

Latest Answer

Change your jump function to this: const jump = () => { //squareHeight.setValue(squareHeight + 10) squareHeight._startingValue = squareHeight._value+10; // new starting value gravity.reset();...
test-img

Tayyab Mazhar

React Native Animate not updating on initial state change

I have a button component that uses an image wrapped in an Animated.View component. When pressed the external state (stored in React Context) is updated, the current offset of the button is added to a...
test-img

adamdaly

reactjs

react-native

react-animated

Votes: 0

Answers: 1

Latest Answer

It was the TouchableWithoutFeedback that was causing the issue, it worked as expected when replaced it with another Touchable or a Pressable.
test-img

adamdaly

React Native Animated don't work on first click

I am creating a poker table using react native and I want that on the click of a chair animation should happen(arrangement of chairs around the table). But animation does not work on clicking on the f...
test-img

yogesh kumar

reactjs

react-native

animation

react-animated

Votes: 0

Answers: 1

Latest Answer

The solution is to add useLayoutEffect in your code : React.useLayoutEffect(() => { const np = []; for (let i = 0; i < chairs.length; i++) { console.log(chairs[i], chairs[(i + shif...
test-img

chikabala

Posts

Questions

Blogs

Jobs