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

react-native-navigation - 反应原生导航 - 自定义导航栏不集中

当有右导航图标时,自定义导航栏不集中。整个自定义导航向左推

重现步骤:

  1. 添加自定义导航栏
  2. 添加导航右图标

结果:整个自定义导航区域被推到左边

有什么帮助吗?

0 投票
1 回答
632 浏览

react-native-navigation - 如何使用全局 ScreenVisibilityListener 类?

我指的是官方文档的这个页面:https ://wix.github.io/react-native-navigation/#/screen-api?id=listen-to-visibility-events-globally

创建此类后,我如何告诉导航器使用它?

0 投票
1 回答
1326 浏览

react-native - react-native-navigation v2 的顶栏填充

我正在使用 react-native-navigation v2,这就是我的应用程序在半透明状态栏上的样子。在 RNN v1 中,有一个 API 允许向顶栏添加自定义填充 - navBarTopPadding,但我找不到适用于 RNN v2 的类似 API。

有没有简单的方法来解决这个问题?

是否有计划将此 API 添加到第二个版本?

0 投票
1 回答
1055 浏览

javascript - 将 react-native-navigation 与 redux 一起使用时应用程序未注册错误

尝试使用 react-native-navigation 的“startSingleScreenApp”函数初始化 react-native 应用程序时,我看到一条错误消息“应用程序未注册”。

库版本:

反应原生:0.54.0,反应原生导航:1.1.407

我有一个用于导航的根减速器:

注册画面:

应用入口点:(index.js)

我可以看到商店订阅正在调度和处理的操作,但应用程序没有加载。我只是看到一个错误,说“应用程序”未注册(根 react-native 文件夹是“应用程序”)

任何帮助表示赞赏。谢谢!

0 投票
0 回答
413 浏览

react-native-navigation - React Native Navigation 库 showModal、push、pop 与 React Native 生命周期相关

使用“反应原生导航”库

简短:react native navigator 库与 react native 生命周期有何关系。我知道它是建立在本机代码之上的。您似乎可以从几个生命周期步骤(componentDidMount、componentDidUpdate、...)中调用 showModal、push、pop。是否有最佳实践,原因是什么。

详细信息:我目前正在使用 React Native Navigation 来构建入职流程。在我的入职流程(中途)中,有一个启动辅助流程的触发器。此时我打开一个新的模态并将屏幕(screenB)推入模态#2。我遇到了 screenB 不会呈现的问题,除非我启用 JS 调试并在 screenB 中设置断点。断点可以在该文件中的任何位置,只要它被命中即可。我已经重新测试了很多次,如果设置了断点,只能让 screenB 渲染。

0 投票
1 回答
755 浏览

react-native-navigation - React Native Navigation 查看屏幕列表

我目前正在使用 react native 导航库。我在调试某些问题时遇到问题,我想知道:

  • 您如何查看当前推送的屏幕堆栈?
  • 当您有级联模态时,您如何查看它们的顺序以及模态实例是否具有唯一 ID?
0 投票
2 回答
941 浏览

javascript - 从平面列表项被按下导航到另一个屏幕

我一直在使用 wix/react-native-navigation 包在屏幕之间导航并正确处理堆栈。

跨屏幕移动非常简单,当按下按钮时触发这些转换。但是当我有一个 FlatList 并且当用户从列表中点击一个项目时我想推送到一个新屏幕时,问题就出现了,看起来像在开始时注入的导航器道具丢失或在另一个上下文中而不是 onPress 回调事件;

这是示例代码

这种方法产生下一个错误 在此处输入图像描述

必须有一些我错过的东西,我知道 this.props.navigator 不是未定义的,但_onAlertTypePressed导航器道具内部是未定义的。

0 投票
1 回答
354 浏览

android - Using a second ReactRootView

Using the wix react-native-navigation library: I have a ReactContextBaseJavaModule that (on request from my js app) starts an activity which contains the following code: mReactRootView = new ReactRootView(context); mReactInstanceManager.attachRootView(mReactRootView); and later mReactRootView.startReactApplication

all that works well. However, when I use a third part RN library in my "second" js app it tries to add a fragment in it's onAttachedToWindow method. The activity it gets from "getReactContext().getCurrentActivity()" is a NavigationActivity and it uses the fragment manager from that to try and add the fragment. I get the error "Can not perform this action after onSaveInstanceState". Is this because I'm getting the wrong activity back due to the navigation library interfering ?

0 投票
2 回答
1425 浏览

react-native - 带有 React-Native 捆绑包的 Code-Push 始终为空

我们正在尝试从 Microsoft App Center 实施 CodePush。我们已经成功地到达了应用程序下载包并解包的地步。但是,它总是以响应结束

Update is invalid - A JS bundle file named "null" could not be found within the downloaded contents. Please check that you are releasing your CodePush updates using the exact same JS bundle file name that was shipped with your app's binary.

  • 反应@16.2.0
  • 反应原生@0.53.3
  • react-native-code-push@5.3.2

我们对 MainApplication.java 进行了更改

在应用程序代码中,我们调用

来自 code-push debug android 的最终日志

0 投票
1 回答
424 浏览

react-native-navigation - react-native-navigation:使用后释放屏幕

问题描述

目前尚不清楚如何取消注册屏幕。使用 redux 时,似乎在使用 startSingleScreenApp 和 startTabBasedApp 时,触发应用程序的初始屏幕保留在内存中,这导致它在(我假设)屏幕应该被释放时继续接收道具。

重现步骤/代码片段/屏幕截图

  1. startSingleScreenApp - 登录屏幕
  2. startTabBasedApp - 登录时的主屏幕(期望登录屏幕从堆栈中删除)
  3. startSingleScreenApp - 登录屏幕(期望主屏幕被移除(期望主屏幕被移除,而不是重复登录屏幕的实例化))

我该如何解决?