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

ios - 使用 react-native-navigation 将 react native 应用程序与现有的 iOS 应用程序集成

我有一个使用 react-native-navigation 的 React Native 项目。我已经将该项目与 swift 中的现有原生 iOS 应用程序集成。正如 wix 的文档所说,这行代码将通过原生 iOS 应用程序显示反应原生应用程序:

问题是,通过调用这行代码,应用程序打开了启动屏幕,而我需要通过按下本机应用程序中的按钮并将其作为 viewController 推送来打开反应本机应用程序,但调用这行代码会打开启动屏幕再次没有任何返回按钮返回本机 iOS 应用程序。另外,如果我删除这行代码,而是使用下面的代码,那么我会崩溃。我还尝试将此代码用作提到的 react-native 集成文档,但它不适用于 react-native-navigation:

上面的代码以我希望的方式打开了本机反应,但它会因以下错误而崩溃:

由于未捕获的异常“NSInternalInconsistencyException”而终止应用程序,原因:“需要一个桥实例来创建 RCTRootView”

我的 react-native-navigation 版本是:“^1.1.457”

0 投票
1 回答
3977 浏览

android - React Native Navigation v2 (wix) 禁用 TopBar

我正在使用 wix 的 React-Native-Navigation v2(不是 React-Navigation)。我尝试禁用默认呈现的 topBar。

我使用了以下选项并正在渲染底部标签:

topBar 消失,但在bottomTabs 的选项卡的初始打开时显示drawBehind 动画。

有没有办法禁用 topBar ?

此致

0 投票
2 回答
84 浏览

ios - iOS 在使用 PNG 时会覆盖 `navBarButtonColor`

问题描述

在我的应用程序中,我有一个导航栏搜索按钮设置如下:

该按钮在 iOS 和 Android 上均按预期工作,但在 iOS 上该按钮为蓝色。我知道这是所需的行为,并且可以通过设置覆盖颜色navBarButtonColor,但问题是它是一个多色按钮 - 这意味着我希望按钮仅包含 PNG 图像的颜色,而不是navBarButtonColor.

我尝试设置navBarButtonColornull, transparent,但似乎没有任何效果。

所以我的问题是,有没有办法让导航栏图标呈现所提供的 PNG 的颜色,就像在 Android 上一样?

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

只需static navigatorButtons = ...使用本地多色 PNG 在 iOS 上运行任何 RNN 应用程序,您就会看到图标的颜色被覆盖。


环境

  • React Native Navigation 版本:1.1.473
  • React Native 版本:0.55.3
  • 平台(iOS、Android 或两者?):iOS
  • 设备信息(模拟器/设备?操作系统版本?调试/发布?):Android Emulator on Debug
0 投票
0 回答
384 浏览

react-native - wix 导航抽屉不会改变屏幕

基本上我正在尝试使用抽屉导航,如下所示:

抽屉

导航 :

我试过setRoot, push, 和popToRoot,但没有任何效果,这里有什么遗漏吗?

0 投票
0 回答
634 浏览

react-native - react-native-navigation v2 (wix) showModal 动画渐变

我目前正在开展一个项目,我们正在尝试实施 wix/react-native-navigation V2而不是 react-navigation。

我们想要与 Instagram 类似的行为。

我们正在setRoot上设置bottomTabs并考虑使用Navigation.showModal将以下屏幕显示为模态。

.

我们的问题

有没有办法改变模态的淡入动画?

.

你有关于这个问题的提示吗?

在我们可以推送其他屏幕的地方使用堆栈会更好吗?

.

谢谢你的帮助。

0 投票
1 回答
323 浏览

react-native-navigation - react-native-navigation 中是否有 backToTop?

当用户已经在屏幕上点击底部导航栏上的选项卡时,我想让用户回到屏幕顶部。任何人都知道我可以如何使用 react-native-navigation 做到这一点?

0 投票
2 回答
1186 浏览

javascript - 切换选项卡时未触发 setOnNavigatorEvent 回调

我正在开发一个由react-native@0.55.4and提供支持的应用程序react-native-navigation@1.1.474

最初,只有一个登录屏幕(使用Navigation.startSingleScreenApp)。当用户登录时,我调用Navigation.startTabBasedApp(选项卡组件之一是 my NavScreen)。每当用户更改到另一个选项卡时,应该显示选项卡堆栈的根,所以我尝试了这样的操作:

但是由于某种原因toRootOnTabSelect,当我更改选项卡时(通过单击它们 - 而不是通过调用switchToTabAPI 方法),我的事件处理程序方法没有被调用。

我在网上找到了多个帖子(即https://stackoverflow.com/a/51159091/6928824https://github.com/wix/react-native-navigation/issues/648)表明它应该这样工作我不知道我错过了什么。:/

任何帮助是极大的赞赏!:)

0 投票
0 回答
245 浏览

react-native - React Native Navigation Invariant 违规

在我决定更新我的 RNN 依赖项以使用新版本v2后,我遇到了一个问题。还使用最新的RN 版本 0.56。问题在 IOS 上运行,它显示带有以下消息的红色屏幕:“不变违规:元素类型无效:预期字符串(对于内置组件)或类/函数(对于复合组件)但得到:对象。您可能忘记从定义组件的文件中导出组件,或者可能混淆了默认和命名导入“。问题是这段代码可以在Android上运行,但是 . 不在IOS中。

注册屏幕();代码:

0 投票
1 回答
1890 浏览

react-native - React Native Navigation:重新加载选项卡和侧抽屉时不会触发深层链接事件

问题描述

我创建了一个简单的应用程序,您可以在其中登录,然后加载几个带有侧边抽屉的选项卡。

侧边抽屉的按钮允许您使用深层链接导航到其他页面。

我第一次登录应用程序时,按钮和深层链接工作正常。但是当我注销并再次登录(登录重新加载选项卡和侧抽屉)时,侧抽屉按钮都不起作用。在我的深度链接处理程序中,我输出了一条控制台消息,我意识到第二次没有触发深度链接事件,这显然是问题所在。

我不知道为什么会这样,我怀疑这是一个错误。但如果不是,我想指出我的代码哪里出了问题,以及我应该做什么。

我在下面附上代码片段。

代码片段

sidedrawer.js

选项卡之一中的深层链接处理程序:

环境

React Native Navigation 版本:1.1.476 React Native 版本:0.55.2 平台:Android 设备信息:Galaxy Nexus Simulator、Oreo (API 27)、Debug

0 投票
0 回答
89 浏览

react-native - ReactNavigation:如何禁用所有标题/导航并在导航器中仅查看屏幕?

我有一个递归反应导航器,我想在“全屏”模式下查看特定屏幕,即没有所有导航器选项卡。

我的导航器是:

当我导航到DeviceDetail时,我不想看到所有导航器选项卡,而只想看到带有后退按钮的屏幕。

谢谢