Stack Overflow
Stack Overflow

Questions tagged [react-native-reanimated]

469 questions
3
votes
0 answers

How to make materialTopTabNavigation sticky to parent screen animated view (header)?

I am trying to make the tabBar from materialToptabNavigator sticky to an animated view inside the parent screen that acts as a header for all the tabs. I have seen some examples with other libraries that do this, but I haven't found one that uses…
Programmer_Manny
  • 31
  • 2
3
votes
1 answer

react native reanimated animation works on once

I am using reanimated to create a custom alert inside a modal, it works fine but the animation will work only once in the beginning after that modal is visible and the contents are updated but animation won't work, here is my…
Ashwith Joylan Saldanha
  • 65
  • 6
3
votes
4 answers

Detect Swipe direction using React Native Gesture Handler and Reanimated

We have already developed a swiper using React Native PanResponder, (before somebody comment) - we cannot use any other swiper library here. In the swiper we developed, we are facing an issue when a user ends the swipe(meaning releases the Pan)…
Ashwin Mothilal
  • 2,462
  • 1
  • 16
  • 21
3
votes
1 answer

React-Native - reanimated-bottom-sheet - Unable to drag bottom sheet up/down

I have a bottom sheet created using reanimated-bottom-sheet package as follows } …
FLash
  • 696
  • 9
  • 27
3
votes
0 answers

How does react-native-reanimated handle layout updates?

When we use react-native-reanimated to animate properties like translateX, scale or opacity, react-native-reanimated runs the animation on the "native" UI thread. These properties don't affect the layout engine, so we can complete the layout on the…
Jonas Sourlier
  • 13,684
  • 16
  • 77
  • 148
2
votes
1 answer

Reanimated v3 - LayoutAnimations - FadeIn & FadeOut in react-native

I am having some trouble fading stuff in and out conditionally so it just doesn't "pop in". This is what I got so far but doesn't seem to be working. What could I be missing? I am using reanimated v3 where AnimatedLayout was removed. const…
Walter Monecke
  • 2,386
  • 1
  • 19
  • 52
2
votes
1 answer

react-native-reanimated v3 flickers after expo update to SDK 49 - SAFE AREA VIEW

I have just updated my React Native app to the latest version of Expo SDK. The app uses native code and dev clients. As part of the update process, I deleted the iOS and android folders to ensure a clean installation. During the Expo update,…
Niccolò Caselli
  • 783
  • 2
  • 10
  • 28
2
votes
0 answers

Reanimated measure return type is any

According to reanimated docs, the return type of the measure function should be MeasuredDimensions for some reason, I get a type any. Is there something wrong with my code? const aref = useAnimatedRef(); const animatedStyle =…
seven
  • 1,183
  • 14
  • 33
2
votes
0 answers

How can I scale and translate a graph in React Native using D3 and React Native Skia

im building a chart and need to make to allow the user to pan and zoom. I am using react-native-gesture-handler, d3-zoom, d3-scale and @shopify/react-native-skia. So far, I can pan and zoom, however I can pan left into negative values and I can also…
squish
  • 846
  • 12
  • 24
2
votes
0 answers

Adding boundaries to scaling/panning image viewer in react-native

I have an image (sometimes squared, sometimes different width/height), and I want to create a square image of it. But I want the user to choose which part of the image is in the new image (not necessarily the center part). So I created a image…
Sam Leurs
  • 1,592
  • 1
  • 19
  • 48
2
votes
1 answer

EXPO React Native - Failed to initialize react-native-reanimated library

Getting these errors when using Drawer Navigation. Here is the complete App.js import { useEffect, useState } from 'react'; import { Button, StyleSheet, Text, View } from 'react-native'; import { NavigationContainer } from…
MasterEnzo
  • 71
  • 2
  • 7
2
votes
2 answers

Tried to synchronously call function {w} from a different thread - React Native Reanimated

I have a problem with runOnJS in my swipe function. All the time Im gets error: java.lang.RuntimeException: Tried to synchronously call function {w} from a different thread. Im gets the error in panGesture function when its called…
Kamil Cessak
  • 21
  • 1
2
votes
0 answers

No variants found for ':react-native-reanimated'. Check build files to ensure at least one variant exists

com.android.tools.idea.gradle.project.sync.AndroidModule.deliverModels(AndroidModule.kt:138) com.android.tools.idea.gradle.project.sync.AndroidExtraModelProviderWorker.populateBuildModels(AndroidExtraModelProviderWorker.kt:102) com.android.tools.idea…
varun
  • 57
  • 3
2
votes
1 answer

Animation After State Change in React Native

I have a Card i'm Animating with react-native-reanimated the problem is that when the state changes the animation won't works is there any way to run this animation on state change? Code import Animated, { SlideInRight, …
newdevv2
  • 201
  • 3
  • 10
2
votes
1 answer

React native with expo TypeError: global.__reanimatedWorkletInit is not a function. (In 'global.__reanimatedWorkletInit(_f)',

After upgrading expo to SDK 45 I'm getting this error. I'm using "react-native-reanimated-carousel" Is anyone else getting those errors??? TypeError: global.__reanimatedWorkletInit is not a function. (In 'global.__reanimatedWorkletInit(_f)',…
Kamil D
  • 21
  • 4
1 2 3
…
31 32