我是新手来做出反应。我在堆栈导航器中使用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(),但它将返回主页而不是登录。有什么方法可以达到这个目的吗?或任何其他方式提供我的应用程序的登录访问权。