Stack Overflow
Stack Overflow

Questions tagged [react-native-reanimated]

469 questions
1
vote
1 answer

How to add `react-native-reanimated/plugin` to `babel.config.js`?

I'm trying to upgrade react-native-reanimated from v1.13.3 to v2.0.1. In the installation instructions they say to add react-native-reanimated/plugin to your babel.config.js as follows: module.exports = { presets: [ ... ], …
gkeenley
  • 6,088
  • 8
  • 54
  • 129
1
vote
0 answers

Using react-native-reanimated-carousel, I want to stop the animation in web and show all images but keep carousel animation in mobile

I am using react-native-reanimated-carousel for react native expo app for (IOS,Android, Web). It is working fine in mobile view, but my requirement is that i should show all the elements in Web Browser, not the animation ( 1 element at a…
spjgoku
  • 71
  • 1
  • 6
1
vote
2 answers

React Native iOS Build Crashes after Installing Reanimated V2

iOS Build Crashes after installed Reanimated 2. Using React Native 0.71.2 I have also built the Reanimated playground locally and it runs successfully. When running the iOS Project from the command line (i.e. yarn start) the project hangs with the…
chaserobbins
  • 17
  • 1
  • 6
1
vote
2 answers

Skeleton Component in React Native with react-native-reanimated

I am following a YT lecture to create a Skeleton. But it's throwing an error undefined is not a function (near '..._reactNativeReanimated.default.sequence...') react-native : 0.70.5 react-native-reanimated: 2.12.0 import { useEffect, useRef } from…
Zahir Masoodi
  • 546
  • 7
  • 23
1
vote
0 answers

how to use TapGestureHandler on Class Components

I'm trying to add a tap gesture to the render card of react-native-deck-swiper using the TapGestureHanlder from react-native-reanimated. Currently, it works when tapping the red zone outside the swiper, but I want to tap the picture and get the x…
Broump
  • 303
  • 3
  • 9
1
vote
0 answers

How to animate one end of react-native-skia Path or Line

The code below does not generate any errors. BUT, during the return, which occurs during a pan gesture, the Circle moves as it should, but the the Path end and Line end do not move. I want either the Path or the Line end to move with the Circle…
whatthedev
  • 11
  • 2
1
vote
1 answer

Gradle error in resolving react-native-reanimated dependencies

I am facing the error below in the picture when I am trying to build my react-native app on android emulator. To give more detail it gets stuck in configuring phase when performing: (:react-native-reanimated > Resolve dependencies of…
Amin Jafarlou
  • 336
  • 1
  • 10
1
vote
1 answer

Liquid button animation in React Native

Is it possible to achieve this kind of animation for custom control in React Native using reanimated and SVG?
Kirill Novikov
  • 2,576
  • 4
  • 20
  • 33
1
vote
2 answers

Animation lags with inverted Flatlist (Expo / TypeScript)

I was trying to implement a WhatsApp like cancelling recording button. Everything was working fine, all animations lauching correctly, start and stop recording too. But after a few seconds (could be 10 seconds or 1 minute) pressing the gesture…
H Haykel
  • 21
  • 4
1
vote
2 answers

React Native snap to item with dynamic heights in FlatList

How can I implement a FlatList, in which I have items with dynamic heights and when I scroll to next item it should always snap on top of the screen. Basically something like https://www.youtube.com/watch?v=pTtxhuThMew&ab_channel=CatalinMiron in…
Ozzie
  • 475
  • 1
  • 5
  • 20
1
vote
1 answer

How to use color interpolation on an Icon using ReAnimated?

In order to animate something you need to make it an animated component. A would become an . I want to do this for a hero icon. I have . Giving it the Animated. prefix doesn't work because reanimated doesn't have this built in. Does…
Cole
  • 207
  • 2
  • 11
1
vote
3 answers

Cannot read properties of undefined (reading 'toString') React Native Reanimated Carousel

I am trying to use React native reanimated carousel in an expo project knowing that I have already used it on a previous one and it worked fine. So I copied and pasted the same code but for an unknown reason I get the following error: TypeError:…
Laspeed
  • 791
  • 1
  • 5
  • 27
1
vote
0 answers

How do I stack cards up in React Native? (react-native-animated, scrollview)

I tried. But, there is a problem that you can see a part on the card. How do I solve this? I used react-native-reanimated-carousel, react-native-swiper, react-native-snap-carousel But, This is a problem with infinite scrolling or there is a problem…
Boo Choi
  • 59
  • 1
  • 5
1
vote
1 answer

React Native app crashes in release version with SIGABRT. [split_config.arm64_v8a.apk!libreanimated.so] facebook::jni::JObject::getClass() const

The app freezes and crashes mostly when we relaunch the app from background. Thread JNI DETECTED ERROR IN APPLICATION: java_object == null I thought the react-native-reanimated package is causing the problem. Then I found out that I am not using…
Rain
  • 21
  • 5
1
vote
0 answers

AnimatedFlatList jumped to the first of list when fetchNextPage called

In onEndReached event I check for next page and if it exits I call fetchNextPage() of useInfiniteQuery. but just after that my FlatList jumped into the first of the list. const AnimatedFlatList = Animated.createAnimatedComponent(FlatList); …
Tohid Taghavi
  • 37
  • 7
1 2 3
…
31 32