Push from SingleScreen to TabBased in Wix React Native Navigation

Question

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?

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').

Answer 2

Use a Wix Navigation v2. It's pretty stable even it says that it is an alpha release. It solves this issue.