react-带选项卡导航的本机抽屉导航
React是一个用于构建用户界面的JavaScript库。它通过组件化的方式，将界面拆分成独立且可复用的部分，使得开发者可以更加高效地构建交互式的Web应用程序。
带选项卡导航的本机抽屉导航是一种常见的用户界面设计模式，用于在移动设备上实现导航功能。它通常由一个抽屉菜单和一个选项卡栏组成。用户可以通过滑动抽屉菜单来展示隐藏的导航选项，同时可以通过选项卡栏切换不同的内容页面。
这种导航模式在移动应用程序中非常常见，可以提供良好的用户体验和导航功能。在React中，可以使用第三方库或自定义组件来实现带选项卡导航的本机抽屉导航。
以下是一些常用的React库和组件，可以用于实现带选项卡导航的本机抽屉导航：
- React Navigation：React Navigation是一个用于React Native应用程序的导航库，提供了丰富的导航组件和导航选项。它支持抽屉导航、选项卡导航等多种导航模式。
- Material-UI：Material-UI是一个基于Google Material Design的React组件库，提供了丰富的UI组件和样式。它包含了抽屉导航和选项卡导航等常见的导航组件。
- Ant Design：Ant Design是一个企业级的React组件库，提供了丰富的UI组件和设计规范。它也包含了抽屉导航和选项卡导航等常见的导航组件。
相关·内容
我正在尝试在我的应用程序中设置顶部菜单和标签菜单。底部选项卡工作正常，但顶部菜单未显示。我尝试设置的顶部菜单是我们单击的菜单，左侧菜单选项会显示出来。AppDrawerNavigator }
const AppContainer = createAppContainer(AppSwitchNavigator); 我是react native的新手，所以我不确定设置导航器选项的顺序。
浏览 26提问于2019-12-13得票数 0
回答已采纳
在经历了许多错误和修复之后，许多与重新运行的所有东西的正确/最最新版本有关的错误似乎基本上都起作用了，只不过每次我使用抽屉函数切换屏幕时，都会出现“找不到变量：_updatePropsPaper”的错误奇怪的是，即使它给出了错误，它仍然到适当的屏幕，如果我排除错误，每次我使用抽屉，它的功能正常，以我所能知道的。这是我在更新时遗漏的react本机抽屉<em
浏览 4提问于2022-06-14得票数 1
在使用createMaterialTopTabNavigator()与React导航v5进行本机反应时，我看到了以下错误：4.以多种方式将导航器放置在我的App.js导航结构中。也是死胡同。5.用< Navigation
浏览 6提问于2020-08-21得票数 2
回答已采纳
一直在寻找关于导航错误模块的解决方案。我尝试过重置缓存，删除nodu_modules，重新安装模块，但仍然不能工作。错误的全部细节
Unable to resolve module `@react-navigation/native` from `src/App.js`: @react-navigation/native
浏览 8提问于2020-04-15得票数 3
view原生-社区/netinfo”："5.9.2“、”@react-原生-社区/滑块“："3.0.0"，“@react本机-社区/viewpager”："3.3.0"，“@react-本机-firebase/analytics”："^10.1.0"，“@react导航/底部-选项卡”："^5.8.0"，“@react导航/
浏览 1提问于2021-05-19得票数 6
我正在尝试创建新的抽屉导航，但是得到了下面的错误
Unable to resolve "react-native-screens" from "node_modules\@react-navigation但与我在新的空项目中使用的代码相同--在较早版本的“new导航”中使用了本机-抽屉："^2.6.2“，但在”new导航“中不起作用的代码："^4.0
浏览 6提问于2020-02-19得票数 0
回答已采纳
9回答
我正在使用支持库中提供的新导航抽屉。当将抽屉与选项卡一起使用时，抽屉菜单显示在选项卡下面，如下所示。如何确保抽屉菜单显示在选项卡上。(它应该显示抽屉菜单，就像没有选项卡一样)带标签的抽屉菜单
浏览 0提问于2013-05-23得票数 26
回答已采纳
3回答
目前，在我正在构建的react原生应用程序中，我有一个包含两个屏幕的抽屉导航器。对于导航，我使用的是react-导航。DrawerNavigator( Login: {Screen: Login}, }虽然Login是在一个抽屉导航器中，我希望它使登录屏幕不具有抽屉导航功能
浏览 0提问于2017-07-08得票数 4
我一直在应用广告，而应用程序只显示了一次广告，如果广告已经关闭，并使添加显示它显示了这个..。这些是我的依赖关系“依赖项”：{“@react-本机-admob/admob”："^2.0.1“、”@react-本机-firebase/admob“："^11.5.0”、“@ are导航/本机”："^6.0.10“、”
浏览 15提问于2022-06-17得票数 1
我使用的反应-本机，我试图添加导航到我的项目。Unable to resolve "@react-navigation/stack" from "App.js"
我尝试了这个堆栈溢出 中提出的所有解决方案，但是没有一个对我有用！
浏览 3提问于2020-07-11得票数 1
回答已采纳
我在我的app本机应用程序中使用了React导航，并且我希望同时呈现抽屉导航和选项卡导航组件。const TabNavigator = createBottomTabNavigator({ screen:export default c
浏览 1提问于2018-06-18得票数 2
回答已采纳
1回答
peer @react本机-社区/蒙面-查看@>=0.1.0从@react导航/堆栈@5.14.5 npm错误！节点_模块/@react导航/堆栈npm ERR！@view导航/堆栈@“^5.14.5”来自根项目npm ERR！@react本机-社区/蒙面视图@“^0.1.11”根项目npm ERR！对等反应“”从@react-导航/底部-选项卡@5.11.11 npm错误！节
浏览 4提问于2021-06-12得票数 2
我的屏幕是这样排列的：LoginDrawerHomeProfileSettingsDashboardReminder所以问题是，每当我在任何一个屏幕上，比如说提醒，我想用navigation.goBack()关闭它，它带我到仪表板，我想要的是回到提醒。
PS。子屏幕也在选项卡导航器中，
浏览 12提问于2021-09-17得票数 2
App.js我不确定这是依赖问题还是我的createStackNavigator的另一个问题，但我似乎无法消除这个错误。"："8.2.3”、“react本机-dotenv”："^2.5.5“、”react-本机-屏幕“："~3.4.0”、“反应性-本机-元素”："^3.4.1"，“反应性-本机-火基”："^5.6.0“、”反应-导航-堆栈“：&qu
浏览 3提问于2021-08-09得票数 0
回答已采纳
在为我的购物车添加结账屏幕后，显示无效的钩子调用错误。因为我认为我没有在结账屏幕上使用任何错误的功能。下面是用于依赖关系的package.json文件。反应与反应版本是错配的?？“依赖项”：{“@aws-放大/数据存储”："^3.12.1“、”@react本机-异步-存储/异步-存储“："^1.17.7”、“@react本机-社区/netinfo”："^9.3.0“、”@react导航
浏览 20提问于2022-07-15得票数 1
回答已采纳
我正在尝试使用一个抽屉导航，并遵循了ReactiveNavigationDocuments。={HomeScreen} /> </NavigationContainer>}"depe
浏览 13提问于2021-07-17得票数 0
回答已采纳
我使用的是React原生抽屉导航，当你从左边或右边向外滑动时，它会打开抽屉。我已经浏览了文档，但在那里找不到任何东西。
谢谢!
浏览 15提问于2020-05-31得票数 0
回答已采纳
我正在构建一个应用程序的反应-本机和实现导航与。我希望使用TabNav来快速访问最常用的特性，并将DrawerNav用于应该可用但不经常使用的功能。我搜索并尝试自己，但我不能有一个抽屉和标签导航在一起。前有两个，但不是在一起。它从抽屉导航开始，当我单击Tab导航示例时，抽屉图标就消失了。
有没有人有一些技巧/提示来完成这件事？
浏览 5提问于2017-05-16得票数 1
回答已采纳
我在SO和github上看过关于react导航的各种帖子，但大多数都是react本机堆栈导航器和抽屉导航器的组合。我找不到任何可以帮助解决我的问题的东西。我试图做的是我有一个底部的标签栏与五个屏幕加载正确的数据很好，我想添加一个抽屉导航器，以提供更多的屏幕和不同的数据。我已经设法在标签导航器<
浏览 11提问于2018-10-07得票数 3
我是新的反应本机，并试图创建一个在线屏幕的应用程序。在添加了输入屏幕的代码并将其导入App.js文件之后。我试着运行这个应用程序。
2:任务失败，只有一个例外。
哪里出了问题:配置项目时出现了一个问题:反应-<
浏览 3提问于2020-12-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
