Questions tagged [react-native-reanimated-v2]
242 questions
1
vote
2 answers
React native reanimated useAnimatedStyle keep spitting me the error
I'm trying to implement some fade-in and out transition for icons with react native reanimated. The version of it is 2.1.0. I'm using the bare workflow of expo. And the code looks like this
...
const IconWrapper: React.FC = ({
…
Joseph Hwang
- 324
- 5
- 13
1
vote
0 answers
Looping animations in "React Native Reanimated 2" sync after a while
I was using the reanimated v2 for creating animations for an app. I was creating a splash (loading) screen with three dots that jump up and down. The 3 dots are supposed to have certain constant delay (interval) between them. Like the animation when…
Aabhas Dhaubanja
- 29
- 1
- 2
1
vote
0 answers
Parallel animations in React Native Reanimated 2
How do I animate two nodes -- a parent and a child -- together concurrently in React Native Reanimated 2.
I guess I would have used transition.together in the previous versions but I can't find an alternative in the newer version.
Kat
- 105
- 6
1
vote
1 answer
React Native Reanimated: Argument of type 'AnimatedNode' is not assignable to parameter of type 'number'.ts(2345)
I need to create a drawer animation using React Native Reanimated(https://www.npmjs.com/package/react-native-reanimated).
before update interpolate method works properly with 2 arguments.
which is used like
interpolate(
props.progress,
{
…
Meet Prajapati
- 191
- 2
- 7
1
vote
2 answers
Reanimated V2.0.0-rc.0 different thread error when using hooks provided in reanimated v2
Im using Reaniamted v2 with an expo project. I have seen many tutorials online where the example below works with no errors but when i'm trying to use the code as a learning practice in my app I get error "Tried to synchronously call function…
haibert
- 148
- 1
- 12
0
votes
1 answer
How do you update a parent's Shared Value from a dynamic number of child Shared Values?
I think my question can best be asked by providing a minimum example. Let's say I have a Parent component that renders a Sum. This Parent component can have n children that renders sliders. The final application must allow the user to slide the the…
seanlenny
- 73
- 1
- 6
0
votes
1 answer
Set the value of currentItem to zero when I switch to a new category
So I'm working on a news app. The layout is basically card based with where we can scroll to access the news.
There is a variable currentItem which keeps a track of the current index.
The problem is when I switch to a new index, the currentItem…
Amal Thomas
- 33
- 5
0
votes
0 answers
OverlayProvider Throwing error while using react-native-reanimated "2.2.0"
I am using react-native 0.62.3 with react-native-reanimated 2.2.0 and it is working fine in IOS but in android it is throwing error for react-native-reanimated usage because of OverlayProvider
Below is my Package.json
{
"scripts": {
"start":…
Kaustubh
- 1
- 2
0
votes
0 answers
Rewriting React Native Code from Reanimated 1 to Reanimated 2
I hope you're all doing well. I'm currently working on a React Native project that utilizes Reanimated 1 for animations. However, I've decided to migrate to Reanimated 2 to take advantage of its improved features and performance optimizations.
I've…
djulan djulanov
- 1
- 1
0
votes
1 answer
react-native-reanimated v3 entering animations flicker inside SafeAreaView
After I updated my app from reanimated v2 to v3 I'm experiencing various issues with animations. Specifically, the animations lag significantly the first time they are executed. Subsequent executions seem to work fine.
I have uploaded videos to show…
Niccolò Caselli
- 783
- 2
- 10
- 28
0
votes
1 answer
Reanimate not working with react-native-web. How to synthesize the reanimate Webpack support doc example with expo's webpack.config.js
Background. Trying to make a cross platform react-native-application in a fully managed expo workflow (sdk 47). I am using reanimated v2.11 to animate layout. The animations currently work in ios/android through expo go. But the animations neither…
JohnyClash
- 630
- 1
- 5
- 10
0
votes
0 answers
React Native: TypeError: interpolateNode is not a function
I am trying to update my fork of React Navigation Drawer to update React Native and Reanimated versions of it. I have one failing test and it is giving me following error:
TypeError: interpolateNode is not a
function at Drawer.interpolateNode [as…
Olcay Ertaş
- 5,987
- 8
- 76
- 112
0
votes
0 answers
react-native reanimated's withSequence() not working properly
I have trying to do a sequence animation with loop but the sequences are not running in order as intended. Can anyone help in this to identify what is wrong and tell what to do right?
const animatedStyle = useAnimatedStyle(() => {
return {
…
Satya Prakash Satyam
- 17
- 4
0
votes
0 answers
Is there a way to reactively change the children of an Animated.View in React-Native-Reanimated?
We're trying to create a pannable and zoomable (theoretically) infinite 2d grid whose grid tiles allow you to add a picture to them when tapped. Using an Animated.View from react-native-reanimated seems necessary because without it, the panning and…
Cr3ative
- 1
0
votes
0 answers
ScrollView not scrollable inside an AnimatedView
const [scrollDirection, setScrollDirection] = useState('');
const translateY = useSharedValue(0);
let previousY = 0;
const context = useSharedValue({y: 0});
const isDragging = useSharedValue(false);
const longPressGesture =…
