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-native-reanimated

When should we use runOnUI and runOnJS?

If I understand correctly the purpose of 'worklets' it to run the code on UI thread: With Reanimated 2 we spawn a secondary JS context on the UI thread that then is able to run JavaScript functions. ...
test-img

AlmaG3st

javascript

reactjs

react-native

react-native-reanimated

Votes: 0

Answers: 1

Latest Answer

I asked a similar question on software-mansion's github discussion page. Here is their fairly thorough response: Reanimated's worklets are executed on the UI thread and not the JS one. You can use ru...
test-img

Chen W

Reanimated 2 failed to create a worklet — Maybe You Forgot to Add Reanimated’s babel Plugin?

I have tried all I can think of to fix this error. I have tried uninstalling reanimated-bottom-sheet and react-native-reanimated and reinstalling them. Clearing cache. I do not have a babel.config.js ...
test-img

Justin Priede

react-native

react-native-reanimated

Votes: 0

Answers: 4

Latest Answer

You need to add babel.config.js in root directory of the project (near package.json) with following context (or just grab it from https://github.com/software-mansion-labs/reanimated-2-playground): mod...
test-img

Sergey Zhukov

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

What are the differences between the FlatList created via. `Animated.FlatList` and `Animated.createAnimatedComponent(FlatList)`?

What are the main differences between these two FlatList components? Note: Animated is imported from 'react-native-reanimated' in both instances.
test-img

IronManAYaad

javascript

reactjs

react-native

react-native-reanimated

react-native-reanimated-v2

Votes: 0

Answers: 0

Posts

Questions

Blogs

Jobs