从抽屉导航器导航到特定选项卡

2024-01-27

是否可以将选项卡导航器嵌套在抽屉导航器中,然后从抽屉导航到特定选项卡?

考虑这个非常基本的设置:

const PrimaryNav = createBottomTabNavigator({
  ScreenOne,
  ScreenTwo
 })

export const DrawerNavigator = createDrawerNavigator({
  Home: {
    screen: PrimaryNav,
    drawerLabel: 'Option 1',
  },
  Investment: {
    screen: PrimaryNav,
    drawerLabel: 'Option 2',
  }
})

显然,无论您单击哪个选项,此设置都只会解析到 TabNav 中的第一项。

有没有办法传递一个选项来专门导航到每个选项卡?我知道可以将 ScreenOne 和 ScreenTwo 传递给 DrawerNavigator 中的“屏幕”选项,但我想保留选项卡。


2020:通过嵌套导航器进行导航

onPress={() => {
  navigation.navigate('Root', {
  screen: 'Screen'
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从抽屉导航器导航到特定选项卡 的相关文章

  • React Native KeyboardAvoidingView 覆盖了最后的文本输入

    我正在使用 React Native键盘避开视图 https facebook github io react native docs keyboardavoidingview html行为设置为填充 在 Android 上测试 我的屏幕上
  • 与对象反应 Native FlatList

    我想使用 React Native 的 FlatiList 渲染对象 但该组件没有返回预期结果 我的字典是这样的 Object Lisa Sky Object name Lisa surname Sky age 21 sex female
  • 如何使用react-native-router-flux在模态中进行导航

    我需要在我的反应本机应用程序中的模式中进行导航 使用新版本的react native router flux 似乎不可能做到这一点 我可以创建一个垂直动画来显示下一个场景 这与场景顶部的模态不同
  • 如何在 React Native 中截屏测试?

    我想使用屏幕截图测试我的 React Native 应用程序 UIAutomation javascript 文件将由以下命令执行fastlane https fastlane tools 并且应该向我提供我需要的所有子视图 这部分工作正常
  • 在反应导航 5 中向 createMaterialBottomTabNavigator 添加自定义“添加”按钮

    我正在制作一个项目 react native expo react navigation 5 我想在底部选项卡中添加一个自定义 添加 按钮 但因为 导航器只能包含 屏幕 组件作为其直接组件 孩子们 我需要找到一种方法来传递我的自定义组件 看
  • 什么是expoClientId?

    我正在 Expo 中使用 Google 身份验证官方文档 https docs expo dev guides google authentication 在他们的示例中 他们使用以下代码块 const request response p
  • 将本地图像路径作为两个功能组件之间的 prop 传递

    我正在使用 React Native 开发一个项目 在该项目中我很难理解 props 在功能组件之间的工作原理 我的要求是创建一个可重用的按钮组件 我可以在其中传递项目内资源文件中的图像位置 这样它就会为我创建按钮 由于某种原因 如果我手动
  • 如何在每个测试中更改笑话模拟函数的返回值?

    我的组件测试文件中有一个像这样的模拟模块 jest mock magic index gt navigationEnabled gt true guidanceEnabled gt true 这些函数将在我的组件的渲染函数中调用 以隐藏和显
  • 图像未使用 require 加载本地文件

    我想加载本地图像 但是使用 require 方法它总是给我错误 在这种情况下我如何在 require 中传递 this props image my code Card js 我试过这个 class Card extends Compone
  • 使用 Expo XDE 找不到入口文件index.js

    当我在 Expo 中加载反应本机应用程序时 出现错误 在任何根目录中都找不到入口文件index js 我正在添加到现有的 React Web 应用程序 并在根级别有 index ios js 在本地 模拟器中以及通过硬连线手机上的 Xcod
  • 在 React Native 中调试应用程序崩溃

    我是 React Native 新手 我正在尝试安装 React Native Facebook SDK 以便我可以使用我的应用程序进行 Facebook 登录 我按照此处列出的步骤操作 https tylermcginnis com in
  • react-native - 图像需要来自 JSON 的本地路径

    你好社区 我正在react native中开发一个测试应用程序 并尝试从本地存储位置获取图像 我实际在做什么 我将图像直接链接源提供给 var 并在渲染函数中调用此方法 react 0 14 8 react native 0 23 1 np
  • 是否可以在 React Native 中隐藏“BugReporting extraData”? (使用世博会)

    每次我使用 Expo 打开 React Native 应用程序时 我都会在控制台中收到大量消息 其中包含有关该应用程序的元数据 这实际上对我的调试没有多大帮助 特别是因为它每次都是相同的信息 并且每次应用程序重新加载时都会显示 即使是热重新
  • 如何删除原生选项卡的边框

    我需要删除图像中标记的边框 我正在使用react native 和native base 选项卡 我需要删除选项卡的底部边框
  • 在 React-Native 上共享工作表图标

    我环顾了我能想到的所有地方 但我一生都无法找到如何更改react native内部共享表中出现的图标 这甚至可以定制吗 我很想把应用程序的图标放在那里 仅使用网址时 它会自动使用链接的网站图标 网络图标填充此图标 对于带有自定义消息的共享表
  • 如何上传 React Native 的 Firebase Crashlytics 映射文件?

    我在用rnfirebase io https rnfirebase ioFirebase Crashlytics 堆栈跟踪是模糊的 如何上传映射文件来查看原始源代码 是否有 API 或 SDK 支持 None
  • 如何从react-native webview获取选择对象

    我有一个应用程序 我使用反应本机 webview 来显示文档 用户可以选择一些文本并执行我提供的一些自定义操作 如何从 webview 获取选择对象into my app 从 0 37 0 开始 RN 中的一个新功能可能会对您有所帮助 里面
  • React-native iOS 不显示图像(pod 问题)

    我正在我的react native应用程序中安装一个包 具体来说 它是来自react navigation的createMaterialTopTabNavigator 但安装成功后 出现崩溃 错误 react navigation mate
  • React Native 中循环 Json 并显示

    How do I go about looping the result i retrieved from Json render function console log this state list contents
  • 使用 React Native 的 WebView 获取 JSON 的正确方法

    WebView 似乎在 React Native 中扮演着类似 Web Worker 的角色 我正在尝试将大量数据获取卸载到 WebView 但这似乎非常痛苦并且找不到fetch示例与WebView 所以我有下面的 JavaScript 代

随机推荐