问题标签 [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.
react-native - react-native-router-flux 嵌套选项卡
我正在使用 react-native-router-flux 并且我正在尝试在选项卡内添加一个带有场景的选项卡栏,就像一个双选项卡栏之类的东西。它适用于iOS,但不适用于Android
javascript - react-native-router-flux 没有路由
我开始了一个新的反应原生项目。制作了一个目录,该目录作为其他“页面”,如登录等。我在这里做了所有事情:https ://github.com/aksonov/react-native-router-flux/blob/master/docs/MINI_TUTORIAL.md
但我都看到顶部的登录标题。它只是不起作用,我不知道该怎么做。以下是代码:
index.android.js
组件/Login.js
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()
打开第二页
如果我在单独的功能中使用它,两者都可以正常工作。但是,如果我从同一个函数中触发两个片段。它不工作。
提前致谢,
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
我得到这个错误。
reactjs - React-native 将视图转换为全屏
我正在尝试制作这个动画(香蒜酱意式烤面包)
我有一个 listView 有几张具有特定宽度/高度的卡片。当我点击它时,我需要制作一个带有附加信息的全屏(使用onPress)。
我正在使用 :react-native: 0.30.0
和react-native-router-flux: 3.33.0
场景/活动之间的路由
任何人都知道如何进行全屏转换?
具体到react-native-router-flux
与否。我试过使用LayoutAnimation
from react-native
,但没有任何效果(我在网上找到的唯一示例没有编译)
android - 如何使用 react-native-router-flux 在导航栏中制作右键?
我正在尝试使用 react-native-router-flux 在导航栏上制作右键。
我的代码是
但我无法在导航栏上显示右键。我怎样才能做到?
reactjs - 在场景中使用自定义图标时如何打开抽屉
我在我的应用程序中使用抽屉,我的问题是我想在抽屉场景中使用自定义图标,它可以,但我没有看到任何文档告诉我如何打开或关闭抽屉!
这是我的路由器:
这是我的按钮渲染器功能:
javascript - 反应本机路由器 Actions.SCENE 什么都不做
我正在向我的应用程序添加一个简单的登录屏幕,但是一旦用户通过身份验证,我就无法调用 Actions.home。
我有一个按钮,当按下它时,会调用一个函数来连接到服务器并获取身份验证状态,当成功时,我会调用 Actions.home。但什么也没发生。没有错误或警告。根本不值一提。
我已经尝试了它的所有形式,Actions.home、Actions.home()、{Actions.home},将 Actions.home 保存为构造函数中的状态,然后使用状态,......没有任何效果。
但是在我的其他屏幕中,当我在 onPress 道具中调用 Actions.somewhere 时,它可以工作。
我在这里阅读了大部分问题,以及关于 StackOverflow 的问题(没有很多),但不明白出了什么问题。我使用了所有建议的解决方案,但没有。
当我 console.log(Actions.home) 时,这就是我所看到的: 在此处输入图像描述
这是我的脚本:
路由器.js
登录屏幕:
react-native - 在 react-native-router-flux 中禁用特定场景的标题
如果您无法通过标题弄清楚我的问题,那么我将举一个小例子:
所以我有“登陆页面”,用户可以登录或注册,等待成功,然后用户将被重新路由到应用程序的“主”页面。在这个主页上,虽然我宁愿没有在 react-native-router-flux 中使用的默认标题,并将其替换为更时尚的 react-native-scrollable-view 以用于演示目的。
是否有一个我可以设置为 false 的道具来实现这一点,或者我是否要求很多 react-native-router-flux?
谢谢!
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 的内容已经完全滚动到顶部,我只想关闭场景。我会满足于完全禁用轻弹关闭行为。