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

react-native - react-native-router-flux 嵌套选项卡

我正在使用 react-native-router-flux 并且我正在尝试在选项卡内添加一个带有场景的选项卡栏,就像一个双选项卡栏之类的东西。它适用于iOS,但不适用于Android

0 投票
2 回答
705 浏览

javascript - react-native-router-flux 没有路由

我开始了一个新的反应原生项目。制作了一个目录,该目录作为其他“页面”,如登录等。我在这里做了所有事情:https ://github.com/aksonov/react-native-router-flux/blob/master/docs/MINI_TUTORIAL.md

但我都看到顶部的登录标题。它只是不起作用,我不知道该怎么做。以下是代码:

index.android.js

组件/Login.js

0 投票
2 回答
853 浏览

react-native - 无法使用带有 react-native-router-flux 的 react-native-drawer 导航到不同的屏幕

react-native-router-flux用于导航系统并react-native-drawer用于侧边栏。如果用户单击侧边栏中的菜单项,我想将用户重定向到不同的屏幕并关闭抽屉。我正在使用以下代码片段。

Actions.refresh({key: 'drawer', open: false})关闭抽屉

Actions.pageTwo.call()打开第二页

如果我在单独的功能中使用它,两者都可以正常工作。但是,如果我从同一个函数中触发两个片段。它不工作。

提前致谢,

0 投票
2 回答
9121 浏览

react-native - 如何将 react-native-router-flux 与 react-native-drawer 结合使用

我试图以某种方式将这些与示例联系起来:

react-native-drawer 与 react-native-router-flux:遵循本文档: https ://github.com/aksonov/react-native-router-flux/blob/master/docs/OTHER_INFO.md

如何将自定义抽屉放入文件中?

当我尝试这样处理时,我总是会出错:

文件:components/Drawer.js

文件:App.js

我得到这个错误。

0 投票
1 回答
822 浏览

reactjs - React-native 将视图转换为全屏

我正在尝试制作这个动画(香蒜酱意式烤面包)

我有一个 listView 有几张具有特定宽度/高度的卡片。当我点击它时,我需要制作一个带有附加信息的全屏(使用onPress)。

我正在使用 :react-native: 0.30.0react-native-router-flux: 3.33.0场景/活动之间的路由

任何人都知道如何进行全屏转换?

具体到react-native-router-flux与否。我试过使用LayoutAnimationfrom react-native,但没有任何效果(我在网上找到的唯一示例没有编译)

0 投票
6 回答
16951 浏览

android - 如何使用 react-native-router-flux 在导航栏中制作右键?

我正在尝试使用 react-native-router-flux 在导航栏上制作右键。

我的代码是

但我无法在导航栏上显示右键。我怎样才能做到?

0 投票
1 回答
1178 浏览

reactjs - 在场景中使用自定义图标时如何打开抽屉

我在我的应用程序中使用抽屉,我的问题是我想在抽屉场景中使用自定义图标,它可以,但我没有看到任何文档告诉我如何打开或关闭抽屉!

这是我的路由器:

这是我的按钮渲染器功能:

0 投票
2 回答
1440 浏览

javascript - 反应本机路由器 Actions.SCENE 什么都不做

我正在向我的应用程序添加一个简单的登录屏幕,但是一旦用户通过身份验证,我就无法调用 Actions.home。

我有一个按钮,当按下它时,会调用一个函数来连接到服务器并获取身份验证状态,当成功时,我会调用 Actions.home。但什么也没发生。没有错误或警告。根本不值一提。

我已经尝试了它的所有形式,Actions.home、Actions.home()、{Actions.home},将 Actions.home 保存为构造函数中的状态,然后使用状态,......没有任何效果。

但是在我的其他屏幕中,当我在 onPress 道具中调用 Actions.somewhere 时,它​​可以工作。

我在这里阅读了大部分问题,以及关于 StackOverflow 的问题(没有很多),但不明白出了什么问题。我使用了所有建议的解决方案,但没有。

当我 console.log(Actions.home) 时,这就是我所看到的: 在此处输入图像描述

这是我的脚本:

路由器.js

登录屏幕:

0 投票
1 回答
7970 浏览

react-native - 在 react-native-router-flux 中禁用特定场景的标题

如果您无法通过标题弄清楚我的问题,那么我将举一个小例子:

所以我有“登陆页面”,用户可以登录或注册,等待成功,然后用户将被重新路由到应用程序的“主”页面。在这个主页上,虽然我宁愿没有在 react-native-router-flux 中使用的默认标题,并将其替换为更时尚的 react-native-scrollable-view 以用于演示目的。

是否有一个我可以设置为 false 的道具来实现这一点,或者我是否要求很多 react-native-router-flux?

谢谢!

0 投票
1 回答
721 浏览

ios - 垂直滚动视图与垂直导航冲突

在我的 react native 应用程序中,我使用 askonov 的react-native-router-flux来显示带有垂直 ScrollView 小部件的场景。我已将场景配置为从底部向上浮动,默认情况下,从顶部向下拖动会关闭场景。

<Router> <Scene key="root" hideNavBar={true}> <Scene key="welcome" component={Welcome}/> <Scene key="demo" component={Demo} direction="vertical"/> </Scene> </Router>

ScrollView 包含的内容比屏幕上显示的内容要多得多,因此用户需要上下拖动它。不幸的是,向下拖动到关闭场景的行为似乎与 ScrollView 冲突,因此用户在只想向上滚动时无意中关闭了场景。

具体来说 - 看起来轻弹手势正在被具体覆盖。向上滑动不会像应有的那样抛出 ScrollView 内容,而向下滑动则会关闭场景。

自从我升级到 React Native 0.32 后,这似乎是一种新行为。当我在 0.22 时,轻弹手势仍然可以用来翻转 ScrollView 内容。

理想情况下,如果 ScrollView 的内容已经完全滚动到顶部,我只想关闭场景。我会满足于完全禁用轻弹关闭行为。