如何结合底部标签导航器和抽屉导航器

文章/答案/技术大牛

发布

1回答

从抽屉导航器导航到特定屏幕

react-native、react-navigation

我正在建立一个使用三个导航器，即栈，抽屉和材料底部标签的小投资组合。以下是我想在投资组合中的部分:主页屏幕，项目屏幕，技能屏幕，关于屏幕和雇用屏幕。在我的材料标签导航器中，我有除了关于屏幕之外的所有屏幕。在抽屉导航器中，我拥有所有5个屏幕。我的主页和项目屏幕被用作堆栈屏幕。当我从我的抽屉导航器点击项目屏幕时，它会将我带到屏幕，但没有像主屏幕那样的标题。"

浏览 12提问于2020-05-19得票数 0

1回答

reactjs、react-native、react-navigation

我下面的标签代码是一个底部标签导航器代码，我希望通过在app.js上呈现它来在每个屏幕上显示它，就像我对抽屉导航器所做的那样(简单地说，我想在屏幕上调用底部标签导航器) const Stack = createStackNavigatorname="Profile" component={Profile} /> </Drawer.Nav

浏览 5提问于2021-11-08得票数 0

2回答

用DrawerNavigator反应原生BottomTabNavigator，如何让底部导航器始终可见

react-native、navigation-drawer、react-native-navigation、react-native-tabnavigator、react-native-drawer

我在SO和github上看过关于react导航的各种帖子，但大多数都是react本机堆栈导航器和抽屉导航器的组合。我找不到任何可以帮助解决我的问题的东西。我试图做的是我有一个底部的标签栏与五个屏幕加载正确的数据很好，我想添加一个抽屉导航器，以提供更多的屏幕和不同的数据。我已经设法在标签导航器的顶部构建了抽屉导航器，但是当抽屉打开

浏览 11提问于2018-10-07得票数 3

1回答

如何在ReactiveNavigation5中始终保持底部选项卡

react-native、expo、react-navigation-v5

我有一个最困难的时间，试图找出如何保持底部标签在任何时候。当点击屏幕5或屏幕6，我想保持底部的标签。我该如何做到这一点？

浏览 6提问于2020-02-08得票数 3

1回答

React本机导航侧边栏和TabBar切换导航

react-navigation、react-native-navigation、react-navigation-v5

我想要在侧边栏和选项卡导航之间切换。我有它，所以它现在切换标签和侧边栏取决于屏幕的大小，然而，因为它们是单独的导航器，它重置导航堆栈。当我改变导航器时，有没有办法持久化导航栈？如果有一种方法可以让抽屉和TabBar导航器同时具有相同的屏幕，那也可以解决我的问题。

浏览 21提问于2020-08-20得票数 2

回答已采纳

1回答

嵌套导航器:指向相同屏幕但不同道具的顶级选项卡导航器

react-native、react-navigation

我正在尝试制作一个有一系列嵌套导航器的应用程序。主导航器是一个堆栈导航器，用于作业、作业详细信息和聊天。在“职务”页面中，有一个顶部选项卡导航器，它显示打开的作业、几乎到期的作业和已完成的作业。还有一个底部选项卡，它有作业(相同的页面)、添加和配置文件。所以就业页面就是主页。可以单击每个作业条目，然后将其转到职务详细信息。我很难弄清楚如何嵌套和逻辑这些。堆栈(主) 作业(顶部标签<

浏览 2提问于2020-08-07得票数 1

1回答

将堆栈导航器与React Native上的底部选项卡导航器相结合

reactjs、react-native、expo

我想知道如何在app.js的Home navigator中将底部选项卡导航器与Stack Navigator结合在一起 import React from 'react'; InitialRouteName: Loading, const AppContainer = createAppContainer(navigator); 是否建议在此代码中添加底部选项卡导航器我想知道如何

浏览 10提问于2020-09-29得票数 2

回答已采纳

1回答

React native -如何在每个屏幕上保持TabNavigator

reactjs、react-native、react-navigation、navigator、tabnavigator

我在我的react原生应用程序中结合使用了tab导航器、堆栈导航器和switch nagivator以及react-navigation。这很好用，除了我想在每个屏幕上保留底部的标签。目前，如果我导航到UserProfile屏幕，那么底部的标签就会消失。User: UserStack, }, initialRouteName: 'Home'); 为了解决这个问题

浏览 10提问于2019-03-21得票数 4

回答已采纳

2回答

在react导航中导航到不同的堆栈

react-native、react-navigation

我有一个开关导航器和底部标签导航器。Swich Navigator具有登录屏幕，底部的Tab Navigator具有主页屏幕和注销屏幕。Home: mainBottomStack { } initialR

浏览 12提问于2019-04-25得票数 1

回答已采纳

1回答

React导航5真的很慢，在Expo上正在丢弃JS FPS

javascript、android、react-native、expo、react-navigation

我有一个主抽屉导航器，一个底部标签导航器和一些堆栈导航器。我有基本的视图，文本，...组件，所以我不认为这是由于笨重的组件造成的。

浏览 24提问于2020-12-21得票数 3

回答已采纳

1回答

当我使用drawer导航到另一个屏幕时，底部选项卡-导航器被隐藏

react-native、react-navigation、react-navigation-v5

我使用expo在我的react原生项目中使用底部标签和抽屉导航器。我在我的项目中使用了react导航v5。我不知道为什么，但当我使用drawer导航到另一个屏幕时，我往往会失去该页面底部的选项卡栏。

浏览 4提问于2020-03-01得票数 0

1回答

在React导航中有两个选项卡导航栏

react-native、react-navigation

我想创建一个应用程序，这既有固定的底部和顶部选项卡导航栏。请参见图像： ? 完成底部导航栏后，我在App.js文件中尝试了以下操作： return( <Tab.Navigator> //top navbar</Tab.Navigator>) 然而，我得到的错误是，另一个导航器已经在这个容器中注册，并且我不应

浏览 54提问于2021-04-01得票数 0

1回答

将堆栈导航器与响应本机中的抽屉导航器组合起来

react-native、expo、react-navigation、react-navigation-stack、react-navigation-drawer

所以我是新的反应本地和反应导航。我正在开发一个有7个主屏幕的应用程序： HomeScreen，ProfileScreen，CocktailDetailScreen和PublishRecipeScreen (我希望能够通过抽屉ProfileScreenLoginScreen和RegisterScreen访问它们(我不想在抽屉导航器中显示这一点)。我已经能够安装一个工作良好的堆栈导航器，但我不知道如何将它与我想要的抽屉导航器</e

浏览 31提问于2022-01-30得票数 0

1回答

React导航选项卡栏在边上？

javascript、reactjs、react-native、react-redux、react-navigation

我知道标签栏有放置在屏幕顶部和底部的选项……但有没有办法把它放在屏幕的一侧(并让选项垂直显示)？在我看来，这适用于较大的平板电脑大小的设备，而对于较小的屏幕，我希望使用抽屉导航器，这样它们就可以在屏幕外显示。

浏览 18提问于2017-12-19得票数 2

1回答

复杂反应导航状态

react-native、navigation、navigation-drawer、react-navigation

我想在我的React中使用React，但我不确定如何获得这个特定的功能：，其中有一个底部选项卡导航器，在每个选项卡屏幕中，在标题中有一个菜单按钮，打开一个抽屉导航器，而抽屉导航器中的每个选项都打开一个堆栈导航器我尝试过stackNavigator、drawerNavigator和bottomTabNavigator的各种组合，但没有一种是明智的，或者至少是以我想要的方式。

浏览 6提问于2019-10-20得票数 0

回答已采纳

1回答

如何同时使用抽屉导航器和标签导航器？

react-native、react-navigation

这是我的标签导航器： <Tab.Navigator initialRouteName="Home" backBehavior="initialRoute"> name<Drawer.Screen name="Notifications" component={NotificationsScreen} /> </Drawer.Navigator> 这是我的根导航器:下方是标签</

浏览 24提问于2020-07-21得票数 0

1回答

如何在REACT NATIVE中打开第二个抽屉

react-native、react-native-drawer

我必须做两个抽屉在两边和底部标签导航器。我试着用反应导航来做这件事，但是我做不到，因为openDrawer代码只能打开其中的一个，所以我坚持了下来，请帮助我。我如何给抽屉ID，钥匙或其他方法。

浏览 6提问于2019-08-22得票数 1

1回答

基于Tab Navigator的抽屉导航仪headerStyle转换

react-native、react-hooks、navigation-drawer、react-navigation-bottom-tab、react-navigation-v6

我将一个TabNavigator嵌套到一个DrawerNavigator中我试图改变颜色的抽屉标题，基于一个特定的屏幕，为材料顶部标签导航。PD:应用程序有一个顶部的标题从抽屉和底部标签从tabNavigator。我需要他们两个改变颜色时，X屏幕是焦点。要对底部选项卡执行此操作，我使用了route.name，但无法从父导航器访问该属性。

浏览 4提问于2021-11-02得票数 0

1回答

嵌套选项卡导航器在抽屉导航器中不工作

reactjs、react-native、react-navigation、expo、react-navigation-drawer

我试图将选项卡导航器嵌入到抽屉导航器中，但抽屉导航器有时会停止工作。代码：是否有更好的方法来做到这一点，保持抽屉和底部标签的同步，避免抽屉停止工作的问题？

浏览 3提问于2019-05-23得票数 0

回答已采纳

2回答

如何使用react导航访问redux存储？

javascript、reactjs、react-native、redux、react-navigation

我有应用程序“音乐应用程序”，供两个用户输入“来宾，用户注册”当用户register\login，并将isLogin状态从false更改为true时，我会分派操作，并执行一些操作，例如向我的抽屉中添加一些其他数据，这样看起来很好，const Root = createAppContainer(App); export default connect

浏览 2提问于2020-02-19得票数 0

回答已采纳

点击加载更多

从抽屉导航器导航到特定屏幕