Questions tagged [react-native-reanimated]
469 questions
0
votes
1 answer
convert reanimated 1 to 2
What's the equivalent of this:
const scrollViewStyle = useMemo(
() => [
{
opacity: interpolate(animatedIndex, {
inputRange: [0, 1],
outputRange: [0, 1],
extrapolate: Extrapolate.CLAMP,
}),
},
],
…
Ben
- 2,957
- 2
- 27
- 55
0
votes
0 answers
Janky translateY on Reanimated View inside of ScrollView as user scrolls
I am using react-native-reanimated v1. I want to make a appear as if it is fixed within the scroll view by using translateY. GIF of how of it should behave is at very end of post. I have simplified the code in the snippet below,…
Noitidart
- 35,443
- 37
- 154
- 323
0
votes
1 answer
Using eact-native-reanimated to create progress bar but animation not behave correctly
So below is my code trying to make an animation bar
const ProgressBarInternal = ({
color,
backgroundColor,
style,
height,
animDuration,
total,
progress,
testID = 'progress-bar',
borderRadius,
containerHeight,
…
sefirosu
- 2,558
- 7
- 44
- 69
0
votes
0 answers
Getting error in Latest version of React-native-reanimated -- TurboModuleRegistry.getEnforcing(...)
I am am trying to create Drawer-navigation in my application. for that that i am using "react-navigation-drawer" library but it has dependency of "react-native-reanimated"
I have installed "react-native-reanimated^2.0.0" and run the project than it…
0
votes
1 answer
Attach ref to Reanimated ScrollView to access .scrollTo
Using react-native-reanimated v1.
I have created a snack reproducing this issue - https://snack.expo.io/@noitidart/reanimated-scroll-view-ref
I have created a reanimatable component out of ScrollView like this:
import { ScrollView } from…
Noitidart
- 35,443
- 37
- 154
- 323
0
votes
3 answers
How to update shared value after async operation?
const [action, setAction] = useState(true);
const sharedVal = useSharedValue(action ? 10 : 20)
useEffect(() => {
setTimeout(() => {
setAction(false)
}, 2000)
}, [])
In the above code, the value of shareVal doesn't change the value…
Bharat Gupta
- 23
- 4
0
votes
1 answer
Interpolated opacity is not initially invisible
I am trying to create an interpolation on opacity. I create the clock, and decide the start time and end time of the animation. I interpolate it so it starts at 0, however my view is visible. Do you know why it's visible? Is it the clock is created…
Noitidart
- 35,443
- 37
- 154
- 323
0
votes
1 answer
how to autoplay and from last to first - ScrollView
I'm new with react native, and I found the Animated in react-native, so there is a carousel with images.
I can just swipe it horizontally, but I want it also can auto scroll by default.. and when it becomes to last slider it should starts from first…
ArturShvaiberov
- 25
- 1
- 8
0
votes
1 answer
react-native-reanimated how to use delay between 'Animated.timing' functions
I use react-native-reanimated version: '1.7.1' and I tried to process delay between 4 different timing functions.
I tried to find instructions on the web and didn't find one that was…
Barak
- 654
- 13
- 30
0
votes
0 answers
React Native Reanimated function render how shoot just once
I'm trying to shoot the log only once, I tried using useEffect it fires only one but cancels my animation, can someone help me?
use reanimated 2 (typescript), maybe useMemo can help? without useEffect it shoot 8 times
return block([
cond(
…
Burn Jack
- 1
- 2
0
votes
1 answer
react-native-reanimated: onChange is not a function
I face issues with react-native-reanimated:
import Animated from 'react-native-reanimated';
console.log(Animated.onChange) // returns undefined
I'm using https://reactnavigation.org/docs/material-top-tab-navigator/ and receive the following error…
Jascha
- 21
- 6
0
votes
1 answer
React-Native-Reanimated and React-native
After creating minimal react-native app with expo and typescript i got a lot of strange errors:
App working on web but crashes with android. I`m getting expo error on my Xiaomi S2..
There is a code i'm starting (in final without router):
import…
rankery
- 307
- 1
- 5
- 14
0
votes
1 answer
React Native Getting this error 'Operator "abs" not found'
I have a project I am working on that built yesterday. Today, I am getting this error 'Operator "abs" not found' as seen in the screenshot below. I am not using expo as the build system though the project does use react-native-reanaminated which…
armand
- 693
- 9
- 29
0
votes
1 answer
Cant Use onPress() Events on Animated.View set to Position: Absolute - React Native
I made a scrollable header for an app I am building for a company. When I try to use a TouchableHighlight to trigger an onPress() event it does not register because the position key is set to 'absolute':
Ive tried the following after scouring the…
D'errah
- 29
- 1
- 4
0
votes
1 answer
React native animations are not animated
So currently experimenting on RN animations and i'm trying to go as slow as possible in order to understand basic functionality and workflow. I created a new Expo app and installed the react-native-reanimated package version ~1.13.0 and…
iNemesis
- 119
- 1
- 8