时间戳

首页 > 解决方案 > 在 Wix React Native Navigation 中从 SingleScreen 推送到 TabBased

react-native - 在 Wix React Native Navigation 中从 SingleScreen 推送到 TabBased

问题描述

有从选项卡视图导航到其他单个视图的文档和示例。但我找不到有关从单个视图导航到选项卡视图的任何信息。

是否有可能以this.props.navigator.push某种方式查看标签？如果没有，是否有一些解决方法可以实现这一目标？

标签： react-nativereact-native-navigationwix-react-native-navigation

解决方案

你应该这样做：

您的主要堆栈导航器：

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

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

您的标签导航器：

//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;

为了从例如导航到选项卡屏幕，SingleViewScreen1您可以这样做this.props.navigation.navigate('HomeScreen')。

推荐阅读