React Native Navigation：從堆棧導航器中刪除屏幕

Question

我正在使用 React Navigation 5。

在頂部我有一個抽屜導航器，帶有以下屏幕：

  <Drawer.Navigator>
    <Drawer.Screen name="One" component={StackNavigatorOne} />
    <Drawer.Screen name="Two" component={StackNavigatorTwo} />
    <Drawer.Screen name="Three" component={StackNavigatorThree} />
  <Drawer.Navigator/>

在StackNavigatorOne中，我有一個堆棧導航器，

<Stack.Navigator>
  <Stack.Screen name="Screen1" component={Screen1} />
  <Stack.Screen name="Screen2" component={Screen2} />
  <Stack.Screen name="Screen2" component={Screen3} />
</Stack.Navigator>

當用戶從抽屜中單擊StackNavigatorOne時，用戶會轉到StackNavigatorOne的Screen 1 。 從屏幕 1，用戶在幾Screen2后被帶到屏幕 2。

一旦用戶到達Screen2 ，我想從StackNavigatorOne中完全刪除Screen 1 ，以便下次用戶點擊抽屜中的StackNavigatorOne時，現在沒有Screen1 ，用戶直接被帶到Screen2 。 這可能嗎？ 你能幫忙嗎？

Answer 1

是的，因為您使用的是 React Navigation 5，您可以有條件地渲染您的堆棧或屏幕。 例如;

<Stack.Navigator>
 { !isScreenOneDisplayed && <Stack.Screen name="Screen1" component={Screen1} /> }
  <Stack.Screen name="Screen2" component={Screen2} />
  <Stack.Screen name="Screen3" component={Screen3} />
</Stack.Navigator>