问题标签 [react-native-router-flux]

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 回答
1753 浏览

javascript - React-native,react-native-router-flux && 抽屉上的自定义图标不起作用

直到现在它呈现但没有打开抽屉。

我相信是与参考相关的东西,但我不确定。

如果有人可以帮助我,那就太棒了。

路由器.js

组件/tabIcon.js

sideDrawer.js

0 投票
1 回答
1663 浏览

react-native - React Native Router Flux 自定义图标

这是我的第一个问题,如果我犯了任何错误,请原谅我。

我正在尝试使用 React 本机路由器通量为 IOS 自定义导航栏图标,但我不知道如何检索我的自定义图标(png 文件)在某些示例中,他们使用 icon={tabIcon} 像这样,但我需要做的是描述图像源的路径,但我不知道如何以正确的语法键入它。

任何帮助,将不胜感激。谢谢。

这是我的代码:

0 投票
1 回答
1036 浏览

react-native - React-native-router-flux:有 OnEnter 方法吗?

我整个上午都在阅读文档,但找不到简单的OnEnter()方法,比如在react-router. 我正在使用最新版本。

输入一些特定Scene的 . 任何想法?

0 投票
0 回答
116 浏览

react-native - 轨迹变化的轨迹结束动画

有没有办法使用 react-native-router-flux 跟踪路线更改的结束动画?我想在动画期间渲染加载图像并在动画完成时渲染我的组件

路由器:

搜索场景中的按钮:

地图组件:

有默认的从左到右的动画,并且由于加载地图而变慢。动画完成后我需要渲染地图。

0 投票
0 回答
355 浏览

reactjs - 无法在点击时触发操作 - react-native-router-flux

我正在使用 react-native 创建我的应用程序,并且还使用react-native-router-flux进行路由。我的router.js文件中有这段代码,并尝试在右侧添加一个按钮,一旦单击它就会触发sayHello动作。

上面的代码可以在右侧正确显示图像,但是当我单击该图像时没有任何反应(操作 sayHello() 未被触发)。相反,如果我有以下代码,则会触发操作。

依赖版本:

0 投票
1 回答
3399 浏览

reactjs - 在 react-native-router-flux 中更改场景背景颜色

这是我在 router.js 文件中的代码(取自react-native-router-flux文档部分):

在此处输入图像描述

如何更改“标题”的背景颜色(上图中出现“返回”箭头的位置)?

我试过这种方式(添加sceneStyle={{ backgroundColor: 'red'}}):

但它似乎不起作用。

供参考:

0 投票
2 回答
1669 浏览

reactjs - React-native-router-flux 自定义导航栏呈现在视图底部

如前所述,如果我在 react-native-router-flux 中使用自定义导航栏,并使用 NO 位置样式标记对其进行样式设置,那么导航栏将呈现在屏幕底部...

所以,我尝试使用位置设置样式:'absolute',顶部:0,右:0,左:0,我的导航栏消失了:(有什么建议吗?

路由器.js

HeaderWithIcon.js

样式.js

0 投票
0 回答
1778 浏览

animation - React Native Router 通量转换速度

我的问题

android 上的 React Native Router Flux 场景转换非常缓慢。我有一个列表视图,其中包含大约 80 行餐厅标题的图像。每一行都有一个可触摸的按钮,用于推动餐厅的细节场景。列表加载速度很好,所以我认为这不是瓶颈。我禁用了“推送”动画(duration={1}),它似乎对一些人有所帮助。但是我也想禁用滑回列表视图的动画。我怎样才能在android上实现几乎没有动画?Action.push() & Action.pop()

我的代码

我试过的

我尝试了场景重置,确保我的 redux 中的任何地方都没有 console.log。我已经在我推送的场景中实现了交互管理器。

旁注,如果有人知道针对 android 慢速场景转换或针对 android 的不同导航器组件的更好解决方案,我会全神贯注。

0 投票
1 回答
1080 浏览

react-native - 模态组件中的 React Native Router Flux 嵌套路由

我有下一个 React Native Router Flux Router代码:

问题是,当我使用路由 search.unfiltered中的两个嵌套路由menu1menu2调用路由Actions.menu(),什么也没有发生(对于第一个调用,我看到动作 RNRF 推送和聚焦)。

但是,如果我调用Actions.calendar()就可以了,就好像我只在menu调用menu1一样。

我也试过这个解决方案:

它适用于menu1,但如果我想推送到menu2什么都不会发生。

如何正确创建包含嵌套路由的模式?

0 投票
1 回答
528 浏览

reactjs - 从一个场景路由到另一个场景时调用函数

我正在使用react-native-router-flux,这是我的路由代码:

这是FirstPage组件的一部分:

一旦我打开我的应用程序FirstPage组件,我就会通过console.logs 得到它:

当我单击将我发送到secondPage键的按钮时,加载 SecondPage,组件 console.logs 给我这个:

到这里为止,一切都好。我想要的是能够在我从 回到 时触发一个SecondPage功能FirstPage。当我回到 时FirstPage,构造函数、componentWillMount、componentDidMount 等...不会被触发。

我该怎么做?