Questions tagged [react-native-reanimated]
469 questions
0
votes
1 answer
react-native-reanimated fade in and out not working when using debugger
I am trying to have some components fade in and out on mount and unmount using react-native-reanimated. I think the code is pretty simple:
import { View } from "react-native";
import Animated, { FadeIn, FadeOut } from…
Seth Lutske
- 9,154
- 5
- 29
- 78
0
votes
2 answers
What is wrong with my React Native Reanimated colour interpolation animation?
I'm trying to do something extremely simple - have my button be transparent while not pressed, and change its background color to a different colour gradually when a user presses it. To achieve that, I'm using React Native Reanimated. Unfortunately,…
Onyx
- 5,186
- 8
- 39
- 86
0
votes
2 answers
React Native Animated: how to detect moment when animated element cross given position
How to detect when an animated element has reached a certain position.
The element should not stop in this position.
It should continue the off-screen animation.
When an element exceeds the given position (line), I have to trigger some action (e.g.…
CodeJoe
- 262
- 2
- 10
0
votes
1 answer
Implement react navigation to an existing animated tabbar
I have a custom animated tabbar component with react-native-reanimated. Im trying to implement it with react navigation but when i do the animation doesnt work. Any help to what to add for it to be functional.
Here are the components
Tab…
kxh
- 59
- 14
0
votes
1 answer
react native reanimated 2 Sending data from ui pan gesture detector to react native javascript is not working
Made joystick with pan detector using reanimated2 and gesture handler. where user can move the position of joystick, it moves the position well on android phone. But unable to get the position of joystick in react native, where i will send it to iot…
Manku
- 431
- 3
- 9
- 16
0
votes
0 answers
Error: While trying to resolve module `react-native-reanimated`
Can't add reanimated package on react-native project, I am getting this error when i ran the app:
Error: While trying to resolve module react-native-reanimated from
file
/Users/.../app/index.android.js,
the…
gpbaculio
- 5,693
- 13
- 60
- 102
0
votes
2 answers
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 screen.
I originally built this through many…
bobby_belfast
- 133
- 13
0
votes
1 answer
undefined is not an object global.performance.now in expo react native project
I'm trying to run the app using the expo start command. It worked fine so far but today it's showing like this.
Any help would be greatly appreciated! :)
These are my dependencies
{
"dependencies": {
"@expo-google-fonts/manrope": "^0.2.0",
…
Lahfir
- 145
- 2
- 15
0
votes
0 answers
The ScrollView component has an accessibility issue as it prevents the user navigating to the back button
We use react-navigation to open a modal with a back button. There is an accessibility problem with this setup as users can't "swipe" left from the title (within the ScrollView) to the back button. After a lot of investigation we pinned it down to…
Richard Ruiter
- 56
- 3
0
votes
1 answer
Adding animation on screen focus React Native
I want to run my animations from react-native-reanimated everytime my screen is focused. How can I achieve this.
Sagar Karki
- 399
- 2
- 8
0
votes
1 answer
react native reanimated 2 rotate calculation
I have a calculation and want put that into a useMemo hook. But it does not work and I get no errors.
const SIZE = 100.0;
const App = () => {
const progress = useSharedValue(1);
const scale = useSharedValue(2);
const [reset, setReset] =…
universe11
- 703
- 1
- 11
- 35
0
votes
1 answer
Direct local .aar file dependencies are not supported when building an AAR. React native reanimated
Everything is perfect at simulator but when I am trying to build a signed released build apk, I am getting this error:
Direct local .aar file dependencies are not supported when building an AAR. The resulting AAR would be broken because the classes…
Haren Sarma
- 2,267
- 6
- 43
- 72
0
votes
2 answers
react-native-reanimated interpolate width percentage
I am converting some of my default Animated stuff to react-native-reanimated v2 and can't seem to figure out how to interpolate a value to a string percentage. I also can't find anything related to this in the docs.
Using Animated from react-native…
Kipnoedels
- 1,118
- 7
- 22
0
votes
0 answers
"Tried to Synchronously call anonymous function from a different thread."
I have this issue whenever I toggle the drawer on my screen. I want to login and then go to Home page where there will be a drawer. But I don't know where the issue is.
PS: I have Expo managed project and I already installed…
Khaoula
- 1
0
votes
1 answer
No variants found for `react-native-reanimated`
I upgraded my React Native project to Gradle 7.0.2 and now when I open Android Studio it says No variants found for ':react-native-reanimated'. I'm using react-native-reanimated@1.13.3, and from the documentation for versions 1.x.x there's no real…
gkeenley
- 6,088
- 8
- 54
- 129