Push from SingleScreen to TabBased in Wix React Native Navigation

There are documentation and examples of navigating from tab view to other single views. But I can't find any information about navigating from a single view to a tab view.

Is there a possibility to this.props.navigator.push to view with tabs somehow?
If not is there are some workarounds to achieve that?

this.props.navigator.push

1 Answer
1

You should do something like this:

Your main stack navigator:

import HomeScreenTabs from '../yourpath/TabNavigator';

const MainStack = createStackNavigator(
HomeScreen:
screen: HomeScreenTabs,
,
SingleViewScreen1:
screen: SomeSingleViewScreen,
navigationOptions: ...
,
SingleViewScreen2:
screen: SomeOtherSingleViewScreen,
navigationOptions: ...
,



Your tab navigator:

//Your 3 tab screens
import Home from '../Home';
import Profile from '../Profile ';
import Feedback from '../Feedback ';

const Tabs = createBottomTabNavigator(

Home:
screen: Home
,
Profile:
screen: Profile
,
Feedback:
screen: Feedback

,

export default Tabs;


And in order to navigate to the Tabs screen from e.g. SingleViewScreen1 you would do this.props.navigation.navigate('HomeScreen').

SingleViewScreen1

this.props.navigation.navigate('HomeScreen')

react-navigation

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.