Skip to main content
578 questions
Newest Active Bountied Unanswered
Filter by
Sorted by
Tagged with
0 votes
0 answers
41 views

image showing the ui layout for this code: <Animated.View className="flex-1 items-center justify-center bg-red-600"> <Animated.View className="h-40 w-48 bg-green-800">...
Khldon Alkaateh's user avatar
  • 1
0 votes
1 answer
101 views

When a child is wrapped with position: 'absolute' under a panned/zoomed parent, the UI renders but touches don’t reach the child (video doesn’t start / player UI not interactive). The exact same ...
Khldon Alkaateh's user avatar
  • 1
0 votes
0 answers
109 views

Here is a short demo for the problem: https://gist.github.com/slhhuseein-jpg/09eb2e2ef458bff81298bdd3d5e49da0?permalink_comment_id=5818819#gistcomment-5818819 As you can see. When performing a pinch-...
Khldon Alkaateh's user avatar
  • 1
0 votes
0 answers
42 views

Im implementing a Tinder card swiper using react native reanimated and gesture handler (with expo). The core logic functions correctly: when swiping over a card past the threshold, it animates off the ...
cem's user avatar
  • 1
0 votes
1 answer
704 views

I am working on a project with the following setup: "react": "19.0.0", "react-native": "0.79.6" I want to add react-native-reanimated and react-native-worklets, ...
Parveen Kumar's user avatar
  • 9
0 votes
1 answer
144 views

I'm trying to build my React Native project with the following versions: React Native: 0.75.5 React Native Reanimated: 3.16.7 When I run the project, I get the following Gradle error: Task :react-...
Parveen Kumar's user avatar
  • 9
3 votes
1 answer
777 views

I noticed that runOnJS is deprecated in "react-native-worklets": "0.5.1". ESLint keeps hinting me concerning this deprecation and I can't move on unless I disable eslint for the ...
Herza Islad's user avatar
  • 181
0 votes
1 answer
519 views

I recently upgraded my Expo project from SDK 53 to SDK 54. After the upgrade, I started seeing the following runtime error when launching my app: TypeError: 0, _reactNativeReanimated....
Ganesh Mohane's user avatar
  • 42
5 votes
2 answers
7k views

I started getting this error after updating to expo 54 from 53. [TypeError: 0, _reactNativeReanimated.useWorkletCallback is not a function (it is undefined)] these are my package versions: "...
Nathaniel Scerri's user avatar
  • 61
0 votes
0 answers
76 views

I am using React Native 0.74.3 for my project, and I want to install navigation-related dependencies. Specifically, I want to know which versions of these libraries are compatible with React Native 0....
Parveen Kumar's user avatar
  • 9
0 votes
0 answers
79 views

I’m trying to build my React Native project on Windows, but I keep getting a CMake-related error when Gradle runs. Here’s the exact error: What went wrong: Execution failed for task ':react-native-...
Parveen Kumar's user avatar
  • 9
0 votes
0 answers
40 views

I am trying to run my React Native project on Android using: npx react-native run-android But I keep getting the following build error: > Task :react-native-reanimated:configureCMakeDebug[arm64-...
Parveen Kumar's user avatar
  • 9
0 votes
1 answer
102 views

I need to synchronize two horizontal ScrollViews in React Native so that they stay perfectly aligned while scrolling. I already tried the standard approach with onScroll listeners and manually ...
Andrea Verrecchia's user avatar
  • 15
2 votes
1 answer
968 views

I saw this beautiful bottom nav bar by Harisene (Harisene - Custom Bottom Nav Bar) and tried to implement it on my react native app. It works fine (for some time), but at random, it crashes the app ...
daniel ernest's user avatar
  • 496
2 votes
1 answer
374 views

I'm trying to create an animated header that moves based on scroll position using React Native Reanimated, but the useScrollViewOffset hook isn't tracking scroll events properly when combined with ...
kunal sharma's user avatar
  • 21
-1 votes
1 answer
91 views

I'm building a drag-and-drop game in React Native using Reanimated v2 and react-native-gesture-handler. The game involves dragging Javanese characters (letter) to matching target boxes. Everything ...
M. Toifur Rahman's user avatar
  • 1
0 votes
0 answers
36 views

i really like this bottom sheet or custom view been displayed in this application i just wanted to know if we can achieve this in react native ? any material or anything regarding it would be helpful ...
Talha's user avatar
  • 1
0 votes
0 answers
165 views

I'm working on an Expo 52 project with React Native, and I'm encountering a build failure on Windows 11 (does not happen on Mac) when running npx expo run:android. The error message is: "C:\Users\...
Smeagol's user avatar
  • 155
0 votes
0 answers
46 views

I have an animated spinner i made with ReAnimated - it works perfect on iOS, but on Android, it's just a static full circle. Any ideas how to fix this to be useable for both platforms?: import React, ...
Phil Lucks's user avatar
  • 4,162
2 votes
2 answers
52 views

I'm building an app with a bottom navigation bar. But I'm struggled at making icons shift from black to white smoothly every time I touch it. I'm using HugeIcons for the icons and reanimated for the ...
Thuận Dương Minh's user avatar
  • 33
1 vote
0 answers
73 views

I made a fresh react-native project to upgrade my existing project and added al my code and packages that I use. Locally I can succesfully build an Android app and iOS app. When I run my pipeline on ...
Mees Maas's user avatar
  • 39
0 votes
0 answers
174 views

I am trying to animate a Rect component using react-native-reanimated and react-native-svg. The transform works on Android using useAnimatedProps, but on iOS and Web, the rectangle does not rotate. It ...
Maxime VANDROMME's user avatar
  • 13
0 votes
0 answers
35 views

I am experiencing an issue with the tab indicator on Android when tabs autoscroll. The indicator disappears during the autoscroll process, and when I manually scroll the tabs back to their initial ...
Sameed Sharif's user avatar
  • 11
0 votes
0 answers
39 views

I have a fabric component that looks like this: import type {DirectEventHandler} from 'react-native/Libraries/Types/CodegenTypes'; import type {ViewProps, HostComponent} from 'react-native'; import {...
SudoPlz's user avatar
  • 23.7k
0 votes
0 answers
39 views

I am using reanimated on a project and I am receiving an error Argument of type '() => { transform: ({ rotateX: `${number}deg`; rotateY?: undefined; } | { rotateY: `${number}deg`; rotateX?: ...
Kai Cottle's user avatar
  • 1
1 vote
0 answers
265 views

I used a bottom tab bar from a youtube tutorial but its really slow between the time I click on a tab and the time its start moving and going to the other tab It take like 1 seconds between the moment ...
Neolex's user avatar
  • 11
2 votes
0 answers
87 views

I'm encountering a ReanimatedError when trying to use useAnimatedScrollHandler with BottomSheetScrollView from @gorhom/bottom-sheet. The error message is: ReanimatedError: Exception in HostFunction: [...
Юрий Архипов's user avatar
  • 21
0 votes
0 answers
21 views

I am having a strange issue using React Native Reanimated library. I am trying to create a component that is split in the middle and will shrink to the left if a prop is set. I have a snack example ...
Christopher Townsend's user avatar
  • 1,783
1 vote
1 answer
436 views

Issue Explanation: Left Action Not Clickable in ReanimatedSwipeable Problem Statement: When using react-native-gesture-handler/ReanimatedSwipeable, the left action container appears when swiping left, ...
Anu Robinson's user avatar
  • 130
1 vote
1 answer
76 views

so im working on menu where there are categories and sub categories and the sub categories is a collapsible and the collapsible has smooth animation my issue right now im giving a fixed height for the ...
BHL's user avatar
  • 311
0 votes
1 answer
178 views

Configure project :react-native-mmkv [react-native-mmkv] Thank you for using react-native-mmkv ?? [react-native-mmkv] If you enjoy using react-native-mmkv, please consider sponsoring this project: ...
Ravi Dubey's user avatar
  • 21
0 votes
0 answers
50 views

So I am working on a pet project of mine to control my water pumping motor from my mobile app with a "timer knob". Basically I am knew to animations in React Native, so need some help in ...
Musab Gulfam's user avatar
  • 316
0 votes
0 answers
55 views

/Users/rased/Desktop/bhojonBdtask/node_modules/react-native-reanimated/android/src/main/java/com/swmansion/reanimated/NodesManager.java:440: error: switch rules are not supported in -source 11 case &...
Sajib saha's user avatar
  • 391
2 votes
1 answer
587 views

I'm trying to display a modal when an item in my react-native-reanimated-carousel is pressed, but it either never appears or doesn't toggle correctly. I've created a minimal example below. When I tap ...
Balasubramanian's user avatar
  • 83
0 votes
0 answers
154 views

CurvedBottomTab I am implementing an animated bottom tab with a cutout using d3-shape and react-native-reanimated following a guide from a GitHub repository: https://github.com/hewad-mubariz/...
ImKifu's user avatar
  • 1
1 vote
1 answer
178 views

I upgraded my React native from 0.71.8 to 0.76.5. After the upgrade, I run the app on my Android phone, and I got the below error java.lang.UnsatisfiedLinkError: dlopen failed: library "...
Sazzad's user avatar
  • 81
1 vote
1 answer
918 views

I'm trying to integrate the @gorhom/bottom-sheet library into my React Native app, but the BottomSheet is not appearing on the screen. Here's what I've tried so far: FilterBottomSheet.js: import ...
Marcos Neto's user avatar
  • 31
0 votes
0 answers
23 views

I'm trying to avoid state updates during a transition and would like to log when transition starts and finished. Finish is easy with the .withCallback function. But how do I log the start? ...
Torben Nordtorp's user avatar
  • 351
0 votes
0 answers
49 views

I'm encountering an issue while setting up a React Native project with Expo and rnmapbox. After running expo prebuild --clean and npx expo run android, I get the following error during the build ...
Soheil Khorram's user avatar
  • 1
2 votes
1 answer
337 views

I am new to react-native I am trying to generate an apk for testing using the command ./gradlew assembleDebug but I get an error knowing ./gradlew clean executes successfully! ./gradlew assembleDebug ...
dev's user avatar
  • 65
0 votes
1 answer
255 views

The modal is stuck at the top left of my mobile device, but not on a website. It could be Carousel contributing to the issue, as modal works on other pages. Moreover, the modal appears in the center ...
ethanworker's user avatar
  • 23
0 votes
0 answers
34 views

i have custome modals, popups ...ui-elements , after updating my expo project to sdk52 the touch event are not firing and not behaving as expected in animated views , this is my modal code i cant get ...
Arash Baloch's user avatar
  • 1
0 votes
1 answer
223 views

Can someone point out to me why my animation is not running? I am trying to animate between two colors in a gradient. I tried to start the transition from a button click as well but nothing happens. I ...
wind_kind's user avatar
  • 611
0 votes
1 answer
195 views

I am on react-native 0.72.5. Openjdk version "17.0.13" on Ubuntu. It was all working fine until I took an apk build. Ever since that the project fails to run on my device/emulator. It shows ...
LoneWolf's user avatar
  • 1
0 votes
0 answers
113 views

This is BottomTabNavigator.js file: const BottomTab = createBottomTabNavigator(); const { height } = Dimensions.get('window'); const SNAP_TOP = height + StatusBar.currentHeight; const SNAP_BOTTOM = 54 ...
Sagar Mandal's user avatar
  • 3
0 votes
0 answers
69 views

Task :react-native-reanimated:buildCMakeRelWithDebInfo[armeabi-v7a] FAILED C/C++: ninja: error: manifest 'build.ninja' still dirty after 100 tries FAILURE: Build failed with an exception. What went ...
Ankur Singh's user avatar
  • 1
2 votes
2 answers
2k views

[Reanimated] Reading from value during component render. Please ensure that you do not access the value property or use get method of a shared value while React is rendering a component. This is ...
zdog's user avatar
  • 21
0 votes
1 answer
440 views

I haven't been able to find any instructions on how to do this. So, currently, I can "flip" an Animated.View using Gesture Handler. It works just like I want except that I want the bottom of ...
jedihomeslice's user avatar
  • 39
2 votes
1 answer
2k views

'm building a React Native app using Vision Camera with a custom frame processor. My app involves detecting skin and spots in frames, and I need to run some logic on the JavaScript side using runOnJS. ...
Abdullah Jaspal's user avatar
  • 240
1 vote
1 answer
2k views

This is the usage example for react-native-reanimated-carousel. It shows the warning: [Reanimated] Reading from value during component render. Please ensure that you do not access the value property ...
san's user avatar
  • 11

1
2 3 4 5
…
12