问题标签 [react-navigation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3444 浏览

react-native - React Navigation:利用 Redux 的深度链接

在 React Navigation 中,可以通过将uriPrefixprop 传递给顶级导航器,或者{containerOptions: {URIPrefix: PREFIX}}作为第二个参数传递给内置导航器(例如StackNavigator)来使用深度链接。

当 Redux 与 React Navigation 集成时,顶级导航器会传递一个navigationprop。

但是,在 RN 应用程序上同时启用 Redux 和深度链接时。uriPrefixnavigationprop 都需要传递给顶级导航器,这会引发错误,

这个导航器有导航和容器属性,所以不清楚它是否应该拥有自己的状态。

Redux 和深度链接(使用 React Navigation)如何集成到 RN 应用程序中?

0 投票
4 回答
10764 浏览

react-native - 在 React Native 中,图标/图像不与 TabBarBottom 一起显示

我几乎从 TabNavigator 文档中获取了示例代码,并且图标/图像根本不会出现在 iOS 或 Android 上。甚至标签覆盖似乎也没有生效。我究竟做错了什么?

在此处输入图像描述

这是我一直在使用的文档的链接: https ://reactnavigation.org/docs/navigators/tab

这是我的代码:

0 投票
0 回答
194 浏览

react-native - 无法在开玩笑的反应导航中读取导出的模块

我刚从我所有的测试工作的前导航迁移。我按照指南进行操作,并阅读了文档。该应用程序功能齐全,但我需要让测试正常工作。一切看起来都很好,但错误不会让我运行任何测试。似乎是编译时的错误,其中模块未定义。但是我什至无法记录导入包的值。

屏幕截图 2017-04-23 在 17 00 00

这是抛出的代码:

这就是我导出 AppNavigator 的方式:

这是我的笑话配置:

我已经删除了 node_modules,重新安装,删除了 watchman 并清理了缓存。有人有线索吗?

0 投票
1 回答
3769 浏览

react-native - React-native Routing(单页应用)

我对 react-native 路由感到非常困惑。我是 react-native 的新手,我从未在 React.js 上工作过。我想问一下 react native 应用程序是否像 angularJs 一样是单页应用程序架构?react-native 中的路由和导航有很多方法,比如

1 .react-native-router-flux

2.导航器
等多种方式。有人请告诉我这是这个 SPA 架构,什么是 react-native 中路由的最佳方式,它有更多的支持。我想在我的应用程序中制作一个侧边抽屉菜单和标签菜单。请帮我 。提前致谢

0 投票
0 回答
874 浏览

react-native - 使用嵌套导航器不更新屏幕的反应导航

使用 React-Navigation (v1.0.0-beta.8),我为 TabNavigator 中的每个选项卡嵌套了一个 StackNavigator。导航状态由 Redux 处理。

TabNavigator 工作正常;但是,在选项卡内,堆栈导航器在导航到某个屏幕后不会更新。

例子

// HomeTabNavigator

// 导航减速器

// QuestionsStackNavigator

// 问题容器

初始 Redux 状态是

点击按钮后,状态变化如下:

虽然新屏幕不可见

0 投票
1 回答
650 浏览

reactjs - 无法使用 react-navigation 进行导航

我正在使用 react-navigation 来导航我的 android 应用程序,我将 react-navigation 与 redux 一起使用。

应用程序.js:

减速器:

主页视图:

在 Home 视图中,我想导航到 Completed 视图,

不起作用,我不知道为什么。

也不行。

0 投票
6 回答
13049 浏览

android - 如何在反应导航中隐藏工具栏

我想知道如何隐藏在实施react-navigation https://reactnavigation.org/后默认添加的工具栏

我有两个屏幕 - 我不想要工具栏的启动器屏幕和可以有工具栏的第二个屏幕。

index.android.js

EnableNotification.js

0 投票
3 回答
8324 浏览

android - React 本机导航不适用于 TouchableOpacity

我试过哪个工作正常react-nativeButton我想定制Button,所以这让我选择了TouchableOpacity. 我正在尝试设置如下所示的反应本机导航,但现在无法正常工作。

我用它来导航https://reactnavigation.org/

index.android.js

0 投票
1 回答
369 浏览

react-native - 如何在具有 TabNavigator 的应用程序的根级别显示模式?

我正在使用 react-navigation,这就是我的根级别的样子:

Tabs 实际上是一个 TabNavigator,而不是一个 react 组件。FavoriteModal 是“react-native-modalbox”中的一个元素。问题是我希望底层选项卡内容在模式的背景中可见。这不会发生,因为 Modal 元素具有默认背景。所以我的问题是如何让 Modal 只占据屏幕的一部分并使其余部分保持半透明?

0 投票
1 回答
665 浏览

react-native - React Navigation redux 示例中的“无法在任何根中找到条目文件”问题

我在 IOS 模拟器中收到此错误:

在终端:

这是尝试在此处运行 React Navigation redux 示例时: https ://github.com/react-community/react-navigation/tree/master/examples/ReduxExample 。

我基本上:

  1. 下载了 github 项目的 ZIP
  2. 提取 Redux Example 文件夹并将其复制到另一个区域
  3. 运行“npm 安装”
  4. react-native run-ios