React native 如何在react navigation 5中使用上下文提供程序包装多个堆栈屏幕?
我想实现如下功能,但这是不可能的,因为stack navigator只接受stack.Screens作为子项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>
<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能够,但一组导航器必须是底部导航:(