Stack Overflow
Stack Overflow

Questions tagged [react-native-reanimated-v2]

242 questions
1
vote
1 answer

React Native pan gesture handler not working

I was following this tutorial: https://youtu.be/r5XXSb4yQes (code: https://github.com/wcandillon/can-it-be-done-in-react-native/tree/master/season3/src/CoinbasePro) and did what he said but I cannot make the scrubber (horizontal & vertical line)…
user17091737
1
vote
1 answer

React native reanimated runOnJs - does not update state every time

I have a list of items that should change state when they are swiped passed a certain threshold. I'm using runOnJs to call a function to change the state. Now when I swipe an item the first time, it updates it's state but every swipe after that does…
wind_kind
  • 561
  • 6
  • 23
1
vote
1 answer

React Native Bottom Sheet not reacting for touch input

I would like to use React Native Bottom Sheet in my new expo app (expo init). I've followed the instructions here. Check out the GitHub Repo here. Here is what i did. expo init (blank typescript project) yarn add @gorhom/bottom-sheet@^4 yarn add…
dknaack
  • 60,192
  • 27
  • 155
  • 202
1
vote
1 answer

How to animate multiple entries using react native reanimated v2?

I am new to reanimated. I am now trying to reanimating multiple items. These items will not show up at the start of the component on load. But they items will show up when the corresponding item is pressed that my intentions. eg when button 1 is…
Kerry
  • 384
  • 3
  • 25
1
vote
1 answer

React Native Android: View manager for tag -1 could not be found probably caused by React Native Reanimated

I am receiving the following error when running my React Native app on Android shortly after startup of the app (but the app already starts to render some component before it crashes with the error): I am using React Native 0.65.1 with Hermes…
the_smart_home_maker
  • 514
  • 4
  • 21
1
vote
1 answer

How to set custom border radius and zIndex in react-navigation for screen in a drawer navigator?

I am using react-navigation v 6.1 for drawer navigation, I am trying to implement the following: Currently this is what I was able to achieve: How can I set border radius for the stack or routes that has been navigated by the user? I tried to set…
0x01Brain
  • 798
  • 2
  • 12
  • 28
1
vote
1 answer

Can't wrap text in Animated.View - React Native

I am newbie in react native animations. I am using react native animated to move menu right and push all content to right without cutting text, but as you see it is not wrapping. I have already tried these solutions: Using flexShrink for the Text…
Eleniko
  • 96
  • 10
1
vote
1 answer

How to animate prop transform for svg with React-Native and Reanimated 2

import React, { FC } from "react"; import { G } from "react-native-svg"; import Animated, { useAnimatedProps, useDerivedValue, withSpring } from "react-native-reanimated"; import { CanvasControlledValuesProps } from "./helpers/types"; import {…
Ilya
  • 11
  • 3
1
vote
0 answers

Conflict between Realm MongoDB and Reanimated 2

I am using React Navigation with Drawer. It keeps showing the alert "If you want to use Reanimated 2 then go through our installation steps https://docs.swmansion.com/react-native-reanimated/docs/installation" and that's why I need to install…
Bruno
  • 63
  • 4
1
vote
1 answer

Are these v1.x.x helper methods deprecated in V2 or am I using them wrong?

I'm quite new to react-native-reanimated v2 and I have this use case: I made a swipeDeck component where the user swipes a card and the next one is revealed. Animations are implemented and they work. But now I want to add this new feature where the…
Gert van der Kolk
  • 11
  • 3
1
vote
0 answers

How to animate many elements React-Native Reanimated 2?

I'm trying to just make 20 - 50 stars "twinkle" (opacity change with random interval), but it's slowing the app to a crawl. I'm using reanimated 2.2.0. I tried sharing the opacity value but only 1 element had the styles applied, which I think may be…
Digicrest
  • 11
  • 1
1
vote
2 answers

React-native-reanimated translate transition on React-native-svg group not working

I am trying to acheive a simple animation of a group of svg elements. The group should start off the top of the (landscape forced) viewport (translateY: -900) then transition in dropping from off the top of the screen into the viewport (translateY:…
Anthony Cregan
  • 960
  • 11
  • 25
1
vote
0 answers

React Native swiping item in FlatList conflicts with the onPress of the TouchableOpacity

I made a swipeable row inside my FlatList using PanGestureHandler and reanimated 2. However, my swiping conflicts with the TouchableWithoutFeedback/TouchableOpacity I have when you press on that row.. Is there anyway to disable the onPress while the…
Timur Ridjanovic
  • 1,002
  • 1
  • 12
  • 18
1
vote
2 answers

Reanimated 2: Updating a state causes animation in animatedProps to reset despite not changing the shared value

Scenario: I have an svg circle and a state rendered on the screen. I also have two buttons. Change Size button changes the size (shared value) of the circle from 50 to 100 or 100 to 50. Change State button changes the state from 'apple' to 'orange'…
bgcodes
  • 248
  • 2
  • 12
1
vote
1 answer

Question on switching threads in react native reanimated

So I have this simple animation where if you drag an element it will return back to (0, 0) on animation end, import React from "react" import { SafeAreaView } from "react-native" import { PanGestureHandler } from…
Axel
  • 4,365
  • 11
  • 63
  • 122
1 2 3
…
16 17