Question

我的应用程序有两个堆栈导航器。根据 isLoggedIn 条件，只应显示一个。但是，两者都显示 isLoggedIn = true 的时间。但是，当我将条件设置为 false 时，它仅显示应用程序。我根本不明白。

export default function App() {
 const isLoggedIn = true;
 return (
  <NavigationContainer>
      <Stack.Navigator>
          {isLoggedIn === true ? (
          <Stack.Screen name="Auth" component={AuthStackNavigator} />
          ) : (
          <Stack.Screen name="App" component={AppBottomTabNavigator} />
          )}
      </Stack.Navigator>
  </NavigationContainer>
);
}

When isLoggedIn is set to true

When isLoggedIn is set to false

Answer 1

您能尝试这个吗？

export default function App() {
 const isLoggedIn = true;
 return (
  <NavigationContainer>
      <Stack.Navigator>
          {isLoggedIn === true  && <Stack.Screen name="Auth" component={AuthStackNavigator} />}
         {isLoggedIn === false && <Stack.Screen name="App" component={AppBottomTabNavigator} />}
      </Stack.Navigator>
  </NavigationContainer>
);
}

在使用条件时反应本机导航显示两个堆栈

1 个答案: