Custom Tab bar in React Native - react-native

I am trying to replicate something like the following in React native and React navigation. Having trouble getting started and even knowing if something like this would be possible. I got normal tabbed view working but, having trouble with this one. Any ideas on how it can be done are welcome. I am new to React Native.

Related

How to recreate photomath photoscaner in react native?

I'm trying to recreate photomath photoscaner in react native, and I cant find any simple solution that can "select" part of an image and crop it while using camera, and solution that can be resized at the same time. Do you have any suggestion on how to implement this?
Here is how it looks like:

My scrollview is not working in react native app

im making scroll component visible when someone pressed on input
this is my itemfinder.js link https://drive.google.com/file/d/182ZQf7Ocx7hiJVfaJJjv_pvP32bL3kaN/view?usp=share_link
this is my file which i called itemfinder component https://drive.google.com/file/d/1dAQPk3Hw9vJ7CM3zbzGpCgDDw_LeGB54/view?usp=share_link
i want to make it scroll
im new to react native
anad im using expo for this
Thank you

How to create a custom listview like this with react native?

I am new to React Native development. I tried to recreate the below listview with react native and It failed. I just want to know if we can recreate below UI design with react native or the name of this listview type.
Thank You.
Yes, you can recreate such component in react-native, however, it would be too complex to discuss it here. You can look into react-native-snap-carousel, which is the closest open-source library to your case that comes to mind.

Native Base components are showing blank page in react native android

Native base components showing blank page in react native android but when i am using react native components like View or Text then its work. Please help me. I think there are versioning issue.

How to show which page is currently opened in sidebar using React Navigation?

I want to show which page is currently opened by the user in the sidebar in a React Native app, which incorporates React Navigation (v1.5).
I want to implement something like this image in my application.
I've tried doing this using this.props.navigation.state (reference) which shows current states/routes in the app, but that didn't worked out for me.
Someone suggested to use global variable in React Native but that was again disappointing.
Kindly help me with that.