Add Animation in React Native Bottom Tabs - react-native

Hello I want to add animation in React Native Bottom Tabs, I have used React Navigation 4.
Expected behaviour:when user click on plus icon the bottom sheet like open and when user click on doctor appointment then doctorAppointment screen will be open.

Related

React Native Drawer Navigator add and icon to the right side of the slide

Hi i want to add an icon to the right side of the slide as shown in below file however I was unable to figure it out because I could not find any option for it.

Keep Drawer open when navigating in React Navigation 5

Is there a way to prevent the drawer from closing when a navigation link is clicked in React Navigation? I want the user to be able to click a link in the navigation drawer, see that the screen has changed in the background (& if they swipe away from the drawer, they see the new screen), however the drawer does not close unless they manually swipe away.

How to open a screen from another screen which was already opened from a another screen?

So I have a React Native app with a bottom tab navigation, in one of those tab screens I have an icons in the right header which leads me to a settings screen and for this I use stackNavigation but I also want to open another screen from this Settings screen - Account screen. How do I achieve this? Do I just use stack navigation again?

Show bottom sheet when user presses tab icon using React Navigation

I am trying to implement a bottom sheet using react-native-reanimated-bottom-sheet that triggers when a user presses a tab in a React Navigation Tab Navigator.
I want it to appear above whichever screen is currently rendered and look kind of like the below image:
I have not had any luck so far. I have created a new component for the bottom sheet, but when the user presses the corresponding tab it changes to a new page.
Is this even possible using React Navigation Tab Navigator?

How to open one of the footer tab screen when clicking on the menu item in react-native?

I am creating a react native app and now I wanted to open one of the footer tab screens when clicking on the menu item. Here I attached my sample screen and can get a clear idea about my problem from that.
Here is my GitHub repository. (https://github.com/SidathDananjaya/Event-App/tree/master/Event-App)