问题标签 [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 投票
1 回答
451 浏览

react-native - 为什么反应导航动态标题不起作用?

通过该示例https://reactnavigation.org/docs/intro/它必须像这样工作:

但函数不调用

更新:

0 投票
3 回答
1322 浏览

android - 运行反应本机应用程序时出现 UnableToResolveError

我正在开发react-native应用程序,为此我使用原子文本编辑器。我正在使用此https://reactnavigation.org/blog/2017/1/Introducing-React-Navigation进行导航。我react-navigation按照上面的说明安装了。

npm install --save 反应导航

希望安装成功。完成后,我编译了一个成功的项目。

我正在react-server使用此命令重新启动,这里我遇到了问题UnableToResolveError

我不确定安装react-navigation它后出了什么问题,它在它之前工作。

在此处输入图像描述

0 投票
1 回答
434 浏览

reactjs - react-navigation 1.0.0-beta.7 破坏应用程序

我正在尝试构建一个非常简单的 react-native 应用程序来测试反应导航。在我安装 react-navigation 并加载以下代码之前,它工作正常。

运行时,它给了我消息“无法从 'Users/me/Desktop/Code/flexbox/node_modules/react-navigation/src/views/Header.js' 中解析模块 'react/lib/ReactComponentWithPureRenderMixin'...”尽管当我手动导航到该位置时该文件实际上存在于该位置。我已经尝试过清除守望者,删除/重新安装模块,并多次重置打包程序缓存。有什么想法吗?我的 package.json 下面。

0 投票
2 回答
2044 浏览

react-native - ReactNavigation:如何在不可见时避免屏幕重新渲染

我注意到,当我浏览应用程序时,所有屏幕都被重新渲染,即使它们不是活动的(可见的)。唯一的例外是 TabNavigator 中将 LazyLoad 设置为 true 的屏幕。如果是,我如何抑制渲染 i 并仅在可见时触发渲染

0 投票
2 回答
1361 浏览

android - 路由“EnableNotification”应该声明一个屏幕

我正在努力react-native并尝试集成react-navigation https://reactnavigation.org/docs/intro/以进行导航。我在实施时面临一些困难。

index.android.js

EnableNotification.js

在此处输入图像描述

0 投票
1 回答
1591 浏览

javascript - React Native 使用 react-navigation 传递数据

我想在单击按钮时将数据传递到另一个屏幕。我使用的是 router-flux,它工作得很好,但是在 react-navigation 上它不起作用。因此,在 router-flux 上,单击按钮时,它会调用此函数:

但是在反应导航中,如果我将代码更改为:

它不起作用,我总是收到警报“0 Cars!”。我究竟做错了什么?在 router-flux 上,它非常简单。

这就是我调用 onSearch 函数的方式:

0 投票
1 回答
4735 浏览

react-native - react-navigation 动态标题不起作用?

我完全按照教程https://reactnavigation.org/docs/intro/ 但是标题没有显示。这是代码和结果

这是我单击按钮时的屏幕结果 在此处输入图像描述

另一个问题是,如果我只使用

然后,“欢迎”仍然在标记“<”旁边,这与教程不同。

在此处输入图像描述

0 投票
3 回答
13838 浏览

reactjs - 使用反应导航将导航历史记录重置为登录屏幕

我想在登录(欢迎)后用户导航到主页。我重置了历史记录,所以用户不能像这样返回:

这工作正常。按下 Log Out 后,用户应该返回 Welcome,但它不起作用。这就是我正在做的事情:

该错误表示“欢迎”没有路线。必须是“主要”、“隐私”、“条款”之一,它们是主页中选项卡之一的路由。在下面看到它们:

0 投票
1 回答
193 浏览

reactjs - 在 reactnavigator 的 navigationOptions 标头中使用 props 数据

我在反应原生项目中使用反应导航。我有一个使用navigationOptions 的带有标题的组件。

我正在尝试访问道具以设置动态名称,但似乎它们未定义。我似乎无法在 navigationOptions 对象中访问它们。有什么线索吗?

0 投票
1 回答
1892 浏览

react-native - 如何用 Redux 处理嵌套的 TabNavigator

我的应用程序有一个登录屏幕,当我登录系统时,它显示主屏幕,用户可以切换选项卡以更改屏幕。但是现在,如果我点击“历史记录”,它将返回登录屏幕,如何处理? 在此处输入图像描述

在此处输入图像描述

这是我的路线配置:

功能导航(状态=初始导航状态,动作){

我发现了问题。如果我点击登录进入Tab界面,reducer会触发两次,一次是LOGIN,一次是默认。我认为默认是选项卡操作。那么如何处理嵌套的 TabNavigator 中的 tab 动作呢?