I have a bottom tab navigator with 2 Tabs. On 2nd Tab, I have a Material Top Tab navigator with 3 tabs.From Tab1's Screen of bottom Tab, I want to switch to 2nd Bottom Tab's Screen and also move to the 2nd Tab of Top Tab Navigator which is inside of 2nd Tab's Screen.
Well, you'd created material top tab navigator right? so just keep initialRouteName={2ndTopTabName} on <Tab.Navigator> then it'll works.
reference link: click here
Related
I have an app that has 6 menu options, so I need a button on the tab navigation to bar that opens as a drop down so I don't have too many buttons on the tab navigation .
It's possible?
I tried to do it with Drawer, but the navigation tab disappears when I open the other pages. Can anyone help?
I have bottom navigation to navigate between two fragments and a button for the side menu (drawer menu). My question is how to change the drawer menu based on fragments. When I switch to one fragment I want different side menu options.
Is there any way to open drawer from bottom tab and show back side of bottom tab.?
Anyone know about this?
[
I have an app that uses the tab navigator. So I have a bottom tab with the different options. On my Home tab I a "widget list" if you click on a specific widget, it should send you to that tab. Is this possible to do? you click on widget and it switches tabs, instead of having to click down on the tab navigator? if so any ideas on how to do this?
A little more background:
The home screen is in a tab navigator, but that screen contains a stack navigation. So I am trying to access the tab navigator from within the stack navigator.
in the following diagram I want to be able to go to Explore from Setting (when inside Home)
TabBarNavigation:
Home
Explore
Home (StackNavigation):
Main
Settings
Thank you
You can use
onPressWidget = () => {
this.props.navigate('widget list name')
}
reference: https://reactnavigation.org/docs/navigation-prop/
I am taking a bottom tab navigator which is having five screens. At third screen which is home screen I want to open modal which contain 2 buttons. When user click on home button show modal and hide tab navigator and when user click anywhere at screen it gets out from modal .
I want functionality like this issue on GitHub presented :
https://github.com/react-navigation/react-navigation/issues/1059.
You can handle click on tab using next https://reactnavigation.org/docs/navigators/tab#tabBarOnPress
So in tabBarOnPress you can implement your custom logic ( open modal, trigger redux action, etc... )