Questions tagged [react-native-reanimated-v2]
242 questions
0
votes
3 answers
React Native Built App is closing unexpectedly
Okay, I've been struggling for the last two days and this is it. I'm developing my first React Native android app using React Native CLI and using the following Packages:
"dependencies": {
"@react-native-masked-view/masked-view": "^0.2.6",
…
Maruf
- 69
- 1
- 9
0
votes
0 answers
The ScrollView component has an accessibility issue as it prevents the user navigating to the back button
We use react-navigation to open a modal with a back button. There is an accessibility problem with this setup as users can't "swipe" left from the title (within the ScrollView) to the back button. After a lot of investigation we pinned it down to…
Richard Ruiter
- 56
- 3
0
votes
1 answer
Error: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?
Error: Reanimated 2 failed to create a worklet, maybe you forgot to add Reanimated's babel plugin?
and,
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module…
The Future
- 3
- 5
0
votes
1 answer
React native transitioning is not animating
I watched a tutorial on yt, here's the source code from the developer gives
https://github.com/catalinmiron/react-native-accordion-menu/blob/master/App.js
My codes are
import {Transition, Transitioning} from 'react-native-reanimated';
const…
masterAvatarr
- 113
- 1
- 10
0
votes
1 answer
react native reanimated 2 rotate calculation
I have a calculation and want put that into a useMemo hook. But it does not work and I get no errors.
const SIZE = 100.0;
const App = () => {
const progress = useSharedValue(1);
const scale = useSharedValue(2);
const [reset, setReset] =…
universe11
- 703
- 1
- 11
- 35
0
votes
1 answer
Which React navigation action to use to unmount
I have a react native app with two screens (actually too many): ScreenA and ScreenB. In ScreenA, I am doing some API calls and in ScreenB, I have some animation. I am using stack navigator to visit ScreenB from ScreenA. In ScreenB, I have some…
yoyostar
- 1
- 1
0
votes
2 answers
react-native-reanimated interpolate width percentage
I am converting some of my default Animated stuff to react-native-reanimated v2 and can't seem to figure out how to interpolate a value to a string percentage. I also can't find anything related to this in the docs.
Using Animated from react-native…
Kipnoedels
- 1,118
- 7
- 22
0
votes
1 answer
React-native animation lagging on android
I'm using the Reanimated library(2.2.0), and I have a fairly simple animation to expand a Animated.View , that I call when pressing a TouchableOpacity:
height.value = withTiming(calculatedHeight, {
duration: 300,
easing:…
gpavlov
- 77
- 2
- 6
0
votes
2 answers
TypeError: undefined is not an object (evaluating 'output.length')
I'm getting an error when trying to use interpolate from react native reanimated. I want my button to go translate to to the negative Y axis when the opacity is being changed from 1 - 0. I have seen some tutorials on this but its a bit outdated. I…
LOGIC12
- 41
- 2
- 8
0
votes
1 answer
native-stack of react-navigation 6 does not find a route object
Under "react-navigation/stack" of react-navigation 6, It did well working all of function like useRoute, useNavigation..etc
But, I changed stack navigation to react-navigation/native-stack from react-navigation/stack.
native-stack does not found a…
rudenick
- 154
- 1
- 1
- 10
0
votes
1 answer
How to implement onEndReached in horizontal list [react-native & reanimated 2]
I need to create an horizontal FlatList, maybe like instagram stories, and trigger the onEndReached function at some time to know when download more items from backend.
PietroPutelli
- 482
- 4
- 20
0
votes
1 answer
React Native Reanimated 2 (Animate SVG based on route changed)
I have a react functional component Svg being used as an icon for the Bottom-TabBar. On route change the current state.index is compared to the route index. The result which essentially is a boolean state isFocused is passed to the Svg.
I am trying…
Ash
- 585
- 7
- 15
0
votes
0 answers
Using setTimeout in react-native-reanimated 2.3.0
Is it possible to somehow call setTimeout on UI Thread in react-native-reanimated 2? Or better yet, use lodash's throttle?
Right now calling setTimeout results in Tried to synchronously call function {setTimeout} from a different thread.
Below is a…
JakePod
- 1
- 2
0
votes
0 answers
Rect-native Reanimated(v2) interpolate translateY
I am trying to create an animation where the red bar will move along y-axis in an infinite & reverse animation. For some reason, I can not figure out and not able to achieve the desired behavior. Any assistance will be greatly appreciated.
import…
Ash
- 585
- 7
- 15
0
votes
1 answer
react-native-reanimated iOS crash
I'm using react-native-reanimated, and the I have an iOS crash when use this prop Animated.useCode
the full code of my prop body is here :
Animated.useCode(
() =>
Animated.onChange(
callbackNode.current,
Animated.block([
…
Qasem M. Zreaq
- 139
- 1
- 1
- 10