Stack Overflow
Stack Overflow

Questions tagged [react-native-reanimated-v2]

242 questions
0
votes
0 answers

How to prevent Tab Navigator header from rerendering every time I open a new tab in react navigation v6?

I am using react navigation v6 with react native. I have a custom header component that I want at the top of all of my screens in my Tab.Navigator. This custom header includes a reanimated animation when you press on the search icon which is at the…
Cole
  • 207
  • 2
  • 11
0
votes
1 answer

Random Animation within map function - Expo - Reanimated2

I have a screen with four animated Views. They are rendered by a map function. When the screen is mounted a scale animation is triggered for once. After that, i'm trying to achieve to randomly animate (scale simple animation) only one View every 4…
4aLifeTime
  • 117
  • 9
0
votes
0 answers

Accessing argument from useAnimatedStyle hook

I have a list of value in a sharedValue, each value represent the opacity of a children component. list indexes are similar to the children indexes const list = useSharedValue(new Array(BlockNumber).fill(1)); i want to be able to change the child…
Omar EL KHAL
  • 151
  • 4
  • 13
0
votes
0 answers

dynamically change style based on an argument using useAnimatedStyle

I have a list of blocks as childrens when a sequence those blocks are hovered, I want them to change there opacity, the function BlockStyle below does not change the style based on index, how can I change each child opacity based on it index this is…
Omar EL KHAL
  • 151
  • 4
  • 13
0
votes
0 answers

React native plugin error - ':react-native-reanimated:compileDebugJavaWithJavac'

I started seeing this issue last week: https://github.com/software-mansion/react-native-reanimated/issues/3743 Version used for reanimated "react-native-reanimated": "^2.12.0", added in babel.config.js 'react-native-reanimated/plugin', Below is the…
IOSDev
  • 205
  • 2
  • 10
0
votes
0 answers

I get an error everytime i import Animated from Reanimated 2 into my Expo project. Error below

The error --> Error: Exception in HostFunction: java.lang.IllegalArgumentException: Could not find @ReactModule annotation in com.swmansion.gesturehandler.react.RNGestureHandlerModule Here is where i try to import it: import Animated, { SlideInUp,…
Jeoffrey Duke
  • 143
  • 1
  • 11
0
votes
0 answers

No default value error NavigationContainer

I got an error No default value Have used Bottom Sheet library and used it's components as shown below: BottomSheetModalProvider BottomSheet…
Jaydeep Patel
  • 303
  • 2
  • 11
0
votes
1 answer

Reanimated: animated view doesn't react to value changes

What you will see below is a minimised version of a bigger draggable solution I'm trying to implement—and it requires to have an animated view that would react to changes in animated style. This example isn't containing any gesture code since it's…
Alex Tumanov
  • 435
  • 1
  • 3
  • 16
0
votes
4 answers

TypeError: _ReanimatedModule.default.configureProps is not a function

Please I am facing this error currently in my expo app, is there anyone that can help please, I just upgrade our app to expo / SDK 46.0.0, React native 0.69.6, and I was forced to upgrade to reanimated 2.9.1. thereby bringing this error every time I…
sheriff123
  • 151
  • 1
  • 3
  • 10
0
votes
0 answers

Combined total for multiple slider react native with reanmiated

I need to do the following implementation in React Native: http://jsfiddle.net/t8mzLuh4/3/ But I can't think of the most optimal way to do it, I have tried different ways, but they have not been optimal. I am trying to implement a screen where there…
Osmar Ortiz
  • 1
0
votes
1 answer

How can I implement a decay for a matrix transformation with react-native-gesture-handler and reanimated?

I'm trying to learn react-native-gesture-handler and react-native-reanimate. I like the idéa of using matrices for transformation, but I have a hard time understanding where to fit in physics functions, such as withDecay. I want to use the new…
Michael
  • 1,764
  • 2
  • 20
  • 36
0
votes
0 answers

React Native Gesture Handler + Reanimated Flat List Scroll

I'm having a problem with react-native-gesture handler animation in a FlatList. when i try to scroll on the flatList the behavior of PanGesture not trigger scroll event. Reanimated Version - ~2.5 Flatlist
Dark Astolfo
  • 43
  • 6
0
votes
0 answers

How to fix this bug with React Native Reanimate and Gesture Handler?

So I have this basic todo: App.jsx const ITEMS = [ { id: 1, text: 'Example 1' }, { id: 2, text: 'Example 2' }, { id: 3, text: 'Example 3' } ]; export const App = () => { const todoRefs = useSharedValue>({}); const…
Nathan
  • 7,627
  • 11
  • 46
  • 80
0
votes
0 answers

how to set value on different shared value in useAnimatedGestureHandler?

supporse i have a tab bar, but shared in the same scrollview, i want the scroll postion is seperated, so i created 2 animated shared values. as i change the tab, the currentScroll is changed to the related shared value too. the problem is, there is…
Kent Wood
  • 1,392
  • 2
  • 14
  • 30
0
votes
0 answers

react-native-reanimated with react native version 70 Reanimated problem

Error when build App: React-native-reanimated:ConfigureCMakeDebug[arm64-v8a] enter image description here
marwa mejri
  • 1
  • 1
1 2 3
…
16 17