Questions tagged [react-native-reanimated]
469 questions
2
votes
2 answers
How can you have different transition animations between screens with react-navigation?
I'm currently working on a ReactNative app that has 2 screens. The goal is to animate the screens such that they push each other up or down depending on which screen you're coming from. The GIF below is the transition I am trying to…
Coder404
- 152
- 2
- 4
- 10
2
votes
1 answer
How to react to Keyboard events in React Native Reanimated?
What I'm trying to do
I am trying to create an animated spacing/padding element that changes height when the Keyboard is shown or hidden in order to ensure a TextInput is not covered by the Keyboard or by a button that avoids the keyboard using…
nhuesmann
- 437
- 3
- 10
2
votes
2 answers
getting type error for style transform properties when with react-native-reanimated
I'm using
"react-native": "0.59.10"
"react-native-reanimated": "^1.3.0"
with typescript
I'm getting type error for transform properties
const Example = () => {
const { translationX, gestureHandler } = horizontalPanGestureHandler()
return (
…
Prithwee Das
- 4,628
- 2
- 16
- 28
2
votes
1 answer
How do I set the initial offset in a PanGestureHandler from react-native-gesture-handler?
In the following simple slider (typescript) example the PanGestureHandler from react-native-gesture-handler will only be set after the gesture was started. The user would need to move the finger.
This is what I would like to achieve: Taps should…
Dom
- 658
- 6
- 10
1
vote
2 answers
React Navigation Crash with react-native-reanimated
I am facing a problem with my navigation setup after integrating the react-native-reanimated library into my React Native project. Prior to integrating react-native-reanimated, my navigation system was working fine, and I was able to navigate using…
ahmetarslan
- 11
- 3
1
vote
2 answers
Using setState inside useAnimatedGestureHandler
I'm trying to change the state of a variable using the set function of useState inside onEnd event of useAnimatedGestureHandler hook, but the application crashes everytime I try to do that. Does anybody know why and how to fix it?
I have the…
JGrima
- 21
- 5
1
vote
0 answers
Exception in HostFunction: java.lang.UnsatisfiedLinkError: dlopen failed: library "libreanimated.so" not found, js engine: hermes
I am badly struck with below error and cannot find solution anywhere from last 3 days, I had recently upgraded to react native 0.72.3 and i think there is some problem with react-native-reanimated library.
Error is ---- Exception in HostFunction:…
Swapnil Agrawal
- 11
- 1
1
vote
0 answers
Expo app crashes on start when loaded from EAS Update, after upgrading to SDK 49
I am running a managed app which I just upgraded to SDK 49.
eas-cli/3.17.1 darwin-arm64 node-v18.17.0
My app, even tough running great locally, crashes on start when I open it from an EAS update usin the Expo Go app.
I have tried investigating it…
Sagi8767
- 33
- 7
1
vote
1 answer
How can I animate the Expo-blur View intensity using react-native-reanimated?
I use React native and Expo and in the latest version of SDK 49, they mentioned that we can animate BlurView intensity with react-native-reanimated. The problem is that it doesn't work.
THis is My HomeScreen in Which there is the ScrollView
import {…
Bony
- 131
- 1
- 5
1
vote
0 answers
Scroll bottom sheet seamlessly when scrolling a Flatlist within a custom bottom sheet
I'm creating a custom react native bottom sheet using GestureDetector from react-native-gesture-handler and i want to pass a child Flatlist to the sheet. but having an issue with the scrolling. The scroll of the flatlist consumes the gesture handler…
arled
- 2,577
- 6
- 27
- 49
1
vote
3 answers
react-native-reanimated fails entire react native project build
I am currently facing an issue where whenever I try to build my react-native project with react-native-reanimated installed the project fails to compile. When I uninstall react-native-reanimated¨the entire project builds and runs successfully.
I…
thetruth
- 95
- 2
- 11
1
vote
0 answers
React Native Reanimated - Animating changes in flex-box?
I can't get my animated view to change based on the state of the keyboard. Is there something that prevents animations like this? When I include something like the background color changing based on the keyboard, it works fine. Here's a mockup of…
Brandon-Perry
- 366
- 4
- 18
1
vote
0 answers
React Native PanResponder jumping the position to center
So I am trying to create component like TikTok page swipe up down. I am able to slide up down using button successfully. But when I try to use pan responder and try to drag it always reset the list position to center.
Here is snack example. Try…
cjmling
- 6,896
- 10
- 43
- 79
1
vote
0 answers
cannot install Drawer Navigator. No AAR for react-native-reanimated found. Attempting to build from source
I want to install Drawer Navigator https://reactnavigation.org/docs/drawer-navigator version 6.x
first install
yarn add @react-navigation/drawer
yarn add react-native-gesture-handler react-native-reanimated
babel.config.js
module.exports =…
Parinaz Mobedi
- 13
- 6
1
vote
0 answers
How react-native pointer events work on android device?
I've this tab navigator:
Simone Gauli
- 11
- 3