Refresh screen react native bottomtab navigation - react-native

I have an app with a bottomtab with 4 tabs. I want that when I'm already on my "Home" screen, if I press the home bottomtab again in the menu, the screen will be refreshed, and it will eliminate that cache that it has. someone know how to I can do?

Related

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?

how to show a modal and be able to navigate between screens

I am using react navigation and would like to show the modal that will be visible above the screen and be able to navigate to the next screens in StackNavigator. The illustration below shows what I want to achieve
The solution that is in the documentation (https://reactnavigation.org/docs/modal/) solves only part of the problem, because I can't open a modal and navigate another part of the stack while keeping the modal on top
you can use react native modal . it is not part of react navigation and it will show above all screens

TabBar in React Navigation

I need help in React Navigation when I create a tab bar like I have button home and I want to access another screen in the Home with show tab bar inside it to keep selected on the Home icon.
First Screen
Second Screen
I want show tabBar with continue select Home button.
This solved my problem by A stack navigator for each tab.
https://reactnavigation.org/docs/tab-based-navigation/?fbclid=IwAR071_HAYPP9NYGbVHq88j1ZssyBn8226Qnne_PzUdGdIM56XrVD5shU10c#a-stack-navigator-for-each-tab
I think you should have a variable that would keep track of the home page and when you are on it and thus provide the styling you need on the homepage icon....and when you are in the second screen it should be still be set to true so nothing changes

Navigation using react native

I'm new in react native and I'm looking for an example of react navigation. I'm looking to create a home page similar to the picture below.
Use React Navigation
Stack Navigator - It let's you switch between screens. It creates a stack. It let's to navigate from one screen to another. When you press back button it navigates you back to the first screen. It
Tab navigator- It will create tabs as your picture.
In your case I think you will need a tab navigator which will be inside stack navigator.