问题标签 [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.
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”
android - React Native Navigation v2 (wix) 禁用 TopBar
我正在使用 wix 的 React-Native-Navigation v2(不是 React-Navigation)。我尝试禁用默认呈现的 topBar。
我使用了以下选项并正在渲染底部标签:
topBar 消失,但在bottomTabs 的选项卡的初始打开时显示drawBehind 动画。
有没有办法禁用 topBar ?
此致
ios - iOS 在使用 PNG 时会覆盖 `navBarButtonColor`
问题描述
在我的应用程序中,我有一个导航栏搜索按钮设置如下:
该按钮在 iOS 和 Android 上均按预期工作,但在 iOS 上该按钮为蓝色。我知道这是所需的行为,并且可以通过设置覆盖颜色navBarButtonColor
,但问题是它是一个多色按钮 - 这意味着我希望按钮仅包含 PNG 图像的颜色,而不是navBarButtonColor
.
我尝试设置navBarButtonColor
为null
, 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
react-native - wix 导航抽屉不会改变屏幕
基本上我正在尝试使用抽屉导航,如下所示:
抽屉
导航 :
我试过setRoot
, push
, 和popToRoot
,但没有任何效果,这里有什么遗漏吗?
react-native - react-native-navigation v2 (wix) showModal 动画渐变
我目前正在开展一个项目,我们正在尝试实施 wix/react-native-navigation V2而不是 react-navigation。
我们想要与 Instagram 类似的行为。
我们正在setRoot上设置bottomTabs并考虑使用Navigation.showModal将以下屏幕显示为模态。
.
我们的问题
有没有办法改变模态的淡入动画?
.
你有关于这个问题的提示吗?
在我们可以推送其他屏幕的地方使用堆栈会更好吗?
.
谢谢你的帮助。
撞
react-native-navigation - react-native-navigation 中是否有 backToTop?
当用户已经在屏幕上点击底部导航栏上的选项卡时,我想让用户回到屏幕顶部。任何人都知道我可以如何使用 react-native-navigation 做到这一点?
javascript - 切换选项卡时未触发 setOnNavigatorEvent 回调
我正在开发一个由react-native@0.55.4
and提供支持的应用程序react-native-navigation@1.1.474
。
最初,只有一个登录屏幕(使用Navigation.startSingleScreenApp
)。当用户登录时,我调用Navigation.startTabBasedApp
(选项卡组件之一是 my NavScreen
)。每当用户更改到另一个选项卡时,应该显示选项卡堆栈的根,所以我尝试了这样的操作:
但是由于某种原因toRootOnTabSelect
,当我更改选项卡时(通过单击它们 - 而不是通过调用switchToTab
API 方法),我的事件处理程序方法没有被调用。
我在网上找到了多个帖子(即https://stackoverflow.com/a/51159091/6928824,https://github.com/wix/react-native-navigation/issues/648)表明它应该这样工作我不知道我错过了什么。:/
任何帮助是极大的赞赏!:)
react-native - React Native Navigation Invariant 违规
在我决定更新我的 RNN 依赖项以使用新版本v2后,我遇到了一个问题。还使用最新的RN 版本 0.56。问题在 IOS 上运行,它显示带有以下消息的红色屏幕:“不变违规:元素类型无效:预期字符串(对于内置组件)或类/函数(对于复合组件)但得到:对象。您可能忘记从定义组件的文件中导出组件,或者可能混淆了默认和命名导入“。问题是这段代码可以在Android上运行,但是 . 不在IOS中。
注册屏幕();代码:
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
react-native - ReactNavigation:如何禁用所有标题/导航并在导航器中仅查看屏幕?
我有一个递归反应导航器,我想在“全屏”模式下查看特定屏幕,即没有所有导航器选项卡。
我的导航器是:
当我导航到DeviceDetail时,我不想看到所有导航器选项卡,而只想看到带有后退按钮的屏幕。
谢谢