react-native-snap-carousel | carousel component for React Native featuring | Animation library

I am using react-native-snap-carousel and I thought what I have now would be enough to implement it but I am obviously missing something. I have posted a snack expo here reproducing exactly what I am attempting as well as some code below.

Thank you for any insight at all, I appreciate it more than you know.

I got a react nativ app to optimize, my problem is that the render method of the main component ALWAYS takes like 5 secondes even when the component is empty (during which the app display a white empty screen). This is a big problem because a 5 sec white screen at the beginning of the app will make the users uninstall the app.

timestamped logs

As you can see here in the logs there is always 5 sec between the rendering of the app and the rendering of the basic navigator with a basic component.

Here is my App.tsx code :

It was working fine before I have done nothing, no packages update, no gradle update no nothing just created new build and this error occurs. but for some team members the error occur after gradle sync.

The issue is that build is generating successfully without any error but when opens the app it suddenly gets crash (in both debug and release mode)

Error

I want to achieve this feature. I have been trying to achieve this using react-native-snap-carousel.

I just want to know what is the approach to achieve this, is Carousel my best option?

I have recently upgraded my app from SDK 40 to SDK 44 and came across this error App.js: [BABEL]: Unexpected token '.' (While processing: /Users/user/path/to/project/node_modules/babel-preset-expo/index.js)

Error Stack Trace:

I have a react native app that it worked well until upgrade packages Actually after upgrade packages this permision added (android.permission.QUERY_ALL_PACKAGES) to manifest.please help me

this is first package.json

I'm creating a react-native slider by following a YouTube video but that's in class based component and I'm using functional based component. Every thing is working fine but get stuck at one place. Someone help me convert this code into functional component: Class Based Component

I have a two part question. I'm currently using react-native-snap-carousel found here: https://github.com/meliorence/react-native-snap-carousel .

My code looks like this:

Can't for the life of me figure out why my app suddenly won't start. I keep getting this error:

Unable to resolve module fs from node_modules\firebase-admin\lib\firebase-namespace.js: fs could not be found within the project. If you are sure the module exists, try these steps:

1. Clear watchman watches: watchman watch-del-all
2. Delete node_modules and run yarn install
3. Reset Metro's cache: yarn start --reset-cache
4. Remove the cache: rm -rf /tmp/metro-*

whenever I run expo start in the root folder. I've even tried expo start -c to reset the cache.

I've also tried removing node_modules and npm installing it back for both the {myapp}/functions/node_modules and {myapp}/node_modules.

I've tried updating firebase-admin and all dependencies.

It's weird because my app was working a couple days ago and this came out of the blue. I've never had to install fs before.

Anyone got any idea what's going on here? It feels like a simple environment fix, but I'm not sure.

My app dependencies if it helps: