如何在標簽導航中導航到單個屏幕。 反應導航

Question

就是這種情況。 我假設登錄屏幕是基於選項卡的，一個選項卡是登錄，另一個選項卡是注冊。 我也有“忘記密碼”按鈕。 因此，當我按“忘記密碼”按鈕時，我想轉到一個不包含選項卡導航並且在標題中具有“后退”按鈕的屏幕。

如果這對您有幫助，這是我的導航器：

 const LoginStack = createStackNavigator({ Login: LoginScreen, }); LoginStack.navigationOptions = { tabBarLabel: 'Login', tabBarIcon: ({ focused }) => ( <TabBarIcon focused={focused} name={"login"} /> ), tabBarOptions: { activeTintColor: "black", } }; const RegisterStack = createStackNavigator({ Register: RegisterScreen, }); RegisterStack.navigationOptions = { tabBarLabel: 'Register', tabBarIcon: ({ focused }) => ( <TabBarIcon focused={focused} name={"account-plus"} /> ), tabBarOptions: { activeTintColor: "black", } }; export default createBottomTabNavigator({ LoginStack, RegisterStack, }); 

如果您需要更多信息，請發表評論。

謝謝！

Answer 1

您可以直接創建選項卡，而不是直接導出createBottomTabNavigator，如下所示

const Tabs = createBottomTabNavigator({
  LoginStack,
  RegisterStack,
});
const AppNavigator = createStackNavigator({
Tabs,
ForgotPassword: {
screen: ForgotPassword,
}
}) //fixed brackets
export AppNavigator