如何从3级导航器中刻录的另一个屏幕导航到屏幕

时间:2017-11-13 09:03:53

标签: react-native react-native-navigation

我是新手来做出反应。我在堆栈导航器中使用Login和Home屏幕,其中主屏幕包含一个标签导航器,每个标签有2或3个屏幕;所以我在该选项卡导航器(3级导航器)中添加了一个堆栈导航器。

app.js

export const SimpleApp = StackNavigator({
  login: { screen: LoginPage },
  homepage: { screen : HomePage },
});

home.js

export const MyApp = TabNavigator({

  Asset: {
    screen: AssetScreen,
    navigationOptions: {
          tabBarLabel: 'Asset',
          tabBarIcon:  (
                <Image source={require('../logos/tab_assets.png')}
                       style={[styles.icon, {color: '#ffffff'}]}
                />
          )
    },
  },
  Sensors: {
    screen: sensorsStack,
    navigationOptions: {
          tabBarLabel: 'Sensor',
          tabBarIcon:  (
                <Image source={require('../logos/tab_sensor.png')}
                       style={[styles.icon, {color: '#ffffff'}]}
                />
          )
    },
  },
   Settings: {
        screen: settingStack,
        navigationOptions: {
              tabBarLabel: 'Settings',
              tabBarIcon:  (
                    <Image source={require('../logos/tab_settings.png')}
                           style={[styles.icon, {color: '#ffffff'}]}
                    />
              )
        },
   },
}

再次使用传感器和设置选项卡的堆栈导航器。

export const sensorsStack = StackNavigator({
  sensors : { screen: SensorScreen },
  sensorDetails : { screen: SensorDetails }

});
export const settingStack = StackNavigator({
  settings: { screen: SettingsScreen },
  about : { screen: About },
  environment : { screen: Environment }
});

我在settingsScreen中有注销按钮,通过点击它我想要在屏幕上导航到app.js堆栈中的登录。

我已尝试在settingsScreen中使用nagivation.back(),但它将返回主页而不是登录。有什么方法可以达到这个目的吗?或任何其他方式提供我的应用程序的登录访问权。

0 个答案:

没有答案