React native 如何在react navigation 5中使用上下文提供程序包装多个堆栈屏幕?

React native 如何在react navigation 5中使用上下文提供程序包装多个堆栈屏幕?,react-native,react-navigation,react-navigation-v5,React Native,React Navigation,React Navigation V5,我想实现如下功能,但这是不可能的,因为stack navigator只接受stack.Screens作为子项 <Stack.Navigator> <Provider1> <Stack.Screen name="screen1" component={Screen1} /> <Stack.Screen name="screen2" component={Screen2} /> </

我想实现如下功能,但这是不可能的,因为stack navigator只接受stack.Screens作为子项

<Stack.Navigator>
  <Provider1>
    <Stack.Screen name="screen1" component={Screen1} />
    <Stack.Screen name="screen2" component={Screen2} />
  </Provider1>
  <Provider2>
    <Stack.Screen name="screen3" component={Screen3} />
    <Stack.Screen name="screen4" component={Screen4} />
  </Provider2>
</Stack.Navigator/>

我知道我可以通过使用堆栈导航器包装屏幕来实现这一点,如下所示:

const stackNav1 = <Provider1>
 <Stack.Navigator>
    <Stack.Screen name="screen1" component={Screen1} />
    <Stack.Screen name="screen2" component={Screen2} />
 </Stack.Navigator>
</Provider1> 


const stackNav2 = <Provider2>
 <Stack.Navigator>
    <Stack.Screen name="screen3" component={Screen3} />
    <Stack.Screen name="screen4" component={Screen4} />
 </Stack.Navigator>
</Provider2> 
...

<Stack.Navigator>
    <Stack.Screen name="stack1" component={stackNav1} />
    <Stack.Screen name="stack2" component={stackNav2} />
</Stack.Navigator/>
const stackNav1=
常数stackNav2=
...

有没有更简单的方法可以让我不必定义新的导航器?

在哪里可以实现?如果是这样,你能发布代码吗please@ThanveerShah不幸的是,notI能够,但一组导航器必须是底部导航:(