允许其他页面访问TabNavigator React Native Navigation

Question

我在react native/expo项目中使用了一个BottomTabNavigator。我的导航结构非常简单，看起来像这样:

-a
-b
-c

，其中a、b和c是出现在BottomTabNavigator中的导航元素。这实际上是默认版本。

然而，我有另一个屏幕'd'，这是通过按不同的按钮从屏幕'a'访问。没有办法从底部导航器到达'd'，但是我希望能够使用相同的导航器到达a, b和c。

是否有一种方法可以使d在选项卡导航器中成为"隐藏"元素，或者允许它访问选项卡导航器而不直接成为它的一部分?

我知道一个解决方案，将第二个导航器链接到b和c，然后直接到a或b，但这似乎是不必要的，我宁愿不创建另一个导航器。

Answer 1

如果我理解正确，你想从StackNavigator 'd'跳到另一个选项卡。

CommonActions.reset({
routes: [
{
name: 'a', // could either be 'b' or 'c'
state: {
routes: [
{ name: 'a1' },
{
name: 'a2',
},
],
},
},
],
})