问题标签 [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.
javascript - React-native,react-native-router-flux && 抽屉上的自定义图标不起作用
直到现在它呈现但没有打开抽屉。
我相信是与参考相关的东西,但我不确定。
如果有人可以帮助我,那就太棒了。
路由器.js
组件/tabIcon.js
sideDrawer.js
react-native - React Native Router Flux 自定义图标
这是我的第一个问题,如果我犯了任何错误,请原谅我。
我正在尝试使用 React 本机路由器通量为 IOS 自定义导航栏图标,但我不知道如何检索我的自定义图标(png 文件)在某些示例中,他们使用 icon={tabIcon} 像这样,但我需要做的是描述图像源的路径,但我不知道如何以正确的语法键入它。
任何帮助,将不胜感激。谢谢。
这是我的代码:
react-native - React-native-router-flux:有 OnEnter 方法吗?
我整个上午都在阅读文档,但找不到简单的OnEnter()
方法,比如在react-router
. 我正在使用最新版本。
输入一些特定Scene
的 . 任何想法?
react-native - 轨迹变化的轨迹结束动画
有没有办法使用 react-native-router-flux 跟踪路线更改的结束动画?我想在动画期间渲染加载图像并在动画完成时渲染我的组件
路由器:
搜索场景中的按钮:
地图组件:
有默认的从左到右的动画,并且由于加载地图而变慢。动画完成后我需要渲染地图。
reactjs - 无法在点击时触发操作 - react-native-router-flux
我正在使用 react-native 创建我的应用程序,并且还使用react-native-router-flux进行路由。我的router.js
文件中有这段代码,并尝试在右侧添加一个按钮,一旦单击它就会触发sayHello
动作。
上面的代码可以在右侧正确显示图像,但是当我单击该图像时没有任何反应(操作 sayHello() 未被触发)。相反,如果我有以下代码,则会触发操作。
依赖版本:
reactjs - 在 react-native-router-flux 中更改场景背景颜色
这是我在 router.js 文件中的代码(取自react-native-router-flux文档部分):
如何更改“标题”的背景颜色(上图中出现“返回”箭头的位置)?
我试过这种方式(添加sceneStyle={{ backgroundColor: 'red'}}
):
但它似乎不起作用。
供参考:
reactjs - React-native-router-flux 自定义导航栏呈现在视图底部
如前所述,如果我在 react-native-router-flux 中使用自定义导航栏,并使用 NO 位置样式标记对其进行样式设置,那么导航栏将呈现在屏幕底部...
所以,我尝试使用位置设置样式:'absolute',顶部:0,右:0,左:0,我的导航栏消失了:(有什么建议吗?
路由器.js
HeaderWithIcon.js
样式.js
animation - React Native Router 通量转换速度
我的问题
android 上的 React Native Router Flux 场景转换非常缓慢。我有一个列表视图,其中包含大约 80 行餐厅标题的图像。每一行都有一个可触摸的按钮,用于推动餐厅的细节场景。列表加载速度很好,所以我认为这不是瓶颈。我禁用了“推送”动画(duration={1}),它似乎对一些人有所帮助。但是我也想禁用滑回列表视图的动画。我怎样才能在android上实现几乎没有动画?Action.push() & Action.pop()?
我的代码
我试过的
我尝试了场景重置,确保我的 redux 中的任何地方都没有 console.log。我已经在我推送的场景中实现了交互管理器。
旁注,如果有人知道针对 android 慢速场景转换或针对 android 的不同导航器组件的更好解决方案,我会全神贯注。
react-native - 模态组件中的 React Native Router Flux 嵌套路由
我有下一个 React Native Router Flux Router代码:
问题是,当我使用路由 search.unfiltered中的两个嵌套路由menu1和menu2调用路由Actions.menu()时,什么也没有发生(对于第一个调用,我看到动作 RNRF 推送和聚焦)。
但是,如果我调用Actions.calendar()就可以了,就好像我只在menu调用menu1一样。
我也试过这个解决方案:
它适用于menu1,但如果我想推送到menu2什么都不会发生。
如何正确创建包含嵌套路由的模式?
reactjs - 从一个场景路由到另一个场景时调用函数
我正在使用react-native-router-flux,这是我的路由代码:
这是FirstPage
组件的一部分:
一旦我打开我的应用程序FirstPage
组件,我就会通过console.log
s 得到它:
当我单击将我发送到secondPage
键的按钮时,加载 SecondPage,组件 console.logs 给我这个:
到这里为止,一切都好。我想要的是能够在我从 回到 时触发一个SecondPage
功能FirstPage
。当我回到 时FirstPage
,构造函数、componentWillMount、componentDidMount 等...不会被触发。
我该怎么做?