Questions tagged [react-native-reanimated-v2]
242 questions
1
vote
1 answer
Pinch to zoom on 2nd image also shows part of 1st image in Swiper
Here is a Swipe component implemented with React native 0,70.1 and react native gesture handler 2.8 and react native reanimated 3.0. What the Swipe does is to allow user to swipe images in a gallery right or left while allowing user to zoom an image…
user938363
- 9,990
- 38
- 137
- 303
1
vote
0 answers
Couldn't determine the version of the native part of Reanimated , Cannot read property 'installCoreFunctions
I am trying to integrate Reanimated 2.0 in iOS React Native project and getting the below error.
Once I import reanimated in my code I get this
[Reanimated] Couldn't determine the version of the native part of Reanimated. Did you forget to re-build…
MShokry
- 81
- 8
1
vote
0 answers
React Native Need Help Passing Global State Value Into useAnimatedGestureHandler
I have hit a bit of a wall and need some help figuring out how to pass a useState value into the OnStart hook of useAnimatedGestureHandler. My understanding of the issue is that useState exists on the Javascript thread while…
Jonathan Atkinson
- 11
- 1
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
How do you add multiple fadeIn texts using with Reanimated 2?
Im trying to add a multiple lines of texts with different time delayes to fade in. Im new to Reanimated and React Native and made a splash screen which seems like working well, but when the animation finishes and user gets redirected to the next…
Andras
- 67
- 8
1
vote
1 answer
Crash React Native useAnimatedKeyboard()
Hello I'm trying to use useAnimatedKayboard() hook from reanimated 2, everything works fine until I click r to reload the project. The app crashes in android and in ios. I'm using it exactly the same as the doc:
function AnimatedKeyboardExample() {
…
Erjon
- 923
- 2
- 7
- 32
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
0 answers
animate height with react native reanimated 2
I'm trying to create a drop down component and I need opening drop down done with animation of it's height. I used reanimated 2 library for my project and I'm wondering why it is not working:
const dropDownOptionsHeight = useSharedValue(0);
…
Mahdi Archin
- 25
- 6
1
vote
0 answers
Getting error : Support for the experimental syntax 'jsx' isn't currently enabled . When trying to add animation in react-native-web project
In my project, I'm using the reanimate library to add animations, but I'm receiving an error
https://stackoverflow.com/questions/63005011/support-for-the-experimental-syntax-jsx-isnt-currently-enabled
I follow all the steps mention in the link but…
Rajat
- 51
- 2
1
vote
0 answers
Source map can't be applied due to react-native-reanimated babel plugin
What I am seeing is adding the react-native-reanimated babel plugin (react-native-reanimated/plugin) is causing source maps to be invalid when bundling. I am using Bugsnag and it is saying my source map does not match my code.
Is anyone else using…
morganTrudeau
- 81
- 2
1
vote
1 answer
React-native Drag the edge of the element to change height
In my application I have a box that I want to change its height using the GestureHandler. I kind of got the idea but now I can't figure out how I can change the height from bottom to top. I will attach pictures.
My code so far -
import { StyleSheet…
Benjamin Jones
- 165
- 1
- 7
1
vote
1 answer
Drag to Scroll for Animated.ScrollView with Reanimated 2, React Native Gesture Handler, and Expo
Can anyone direct me to a good example of how to implement a draggable scroll view with Reanimated 2, react native gesture handler, in an expo project? I have a sample that is close, but it fails to scroll up or down on an iphone when you drag an…
StewartArmbrecht
- 1,221
- 1
- 10
- 20
1
vote
1 answer
How to animate react-native-webview?
The goal is to do a fade transition for react-native-webview.
The idea is to transition the webview when switching tabs. Having a View inside Animated.View would transition as expected, but the WebView does not.
import { useRef } from…
Mihkuno
- 99
- 2
- 9
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
1 answer
React native animate buttom tab bar icons with reanimated 2?
I need to animate selected tab icon and I use reanimated 2 to achieve that. below is the concept of my custom bottom tab bar:
as you can see the third tab is currently selected, my goal is to position the selected tab icon 15px to the left (I mean…
Ash Archin
- 421
- 9
- 21