react-native - 如何将底部选项卡导航器添加到堆栈导航内的一个屏幕？

Question

我正在制作一个应用程序，并且在应用程序中有一个主屏幕。在主屏幕上，我想添加一个带有各种徽标的底部导航器，当点击它时，将用户导航到不同的屏幕。我只希望底部导航器位于可以从主页底部导航器访问的屏幕上。我该怎么做？由于我也在使用堆栈导航器，因此我的 app.js 中是否需要不同类型的导航器？感谢您的帮助，我真诚地感谢它。

标签： react-nativereact-native-navigation

Answer 1

使用 react-navigation 提供的基于选项卡的导航。使用您希望与选项卡一起显示的屏幕制作选项卡导航器并将其包装在堆栈中。如果您想在没有选项卡导航的情况下显示任何其他屏幕，只需添加为另一个堆栈并将所有堆栈包装在 Stack.Navigator 中。这是他们很好解释的文档 https://reactnavigation.org/docs/tab-based-navigation