问题标签 [react-native-navigation-v2]

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 回答
563 浏览

react-native - 推送到堆栈只工作一次 - React Native Navigation V2

我第一次使用 React-Native-Navigation v2,为一个简单的应用程序建模,该应用程序底部有 3 个选项卡,侧边栏有一个按钮,当按下模拟“注销”时,该按钮将导航到第四个屏幕。然后,这第四个选项卡将具有一个按钮,该按钮通过返回到作为 bottomTabs 堆栈的一部分的第一个屏幕来模拟“登录”。

我的代码有效,但只有一次。注销(将新屏幕推送到堆栈)后,我可以重新登录(将该屏幕从堆栈中弹出)。但是,当我再次尝试注销时,我无法做到。推送到堆栈的功能似乎不再起作用。

这就是我的堆栈最初设置的方式:

我可能完全误解了 push/pop 的工作原理,感谢任何帮助和指导。

0 投票
3 回答
465 浏览

react-native - 收到“reactnativenavigationtest”登录错误

每当我尝试跑步时,我都会得到

错误:签署“ReactNativeNavigationTests”需要开发团队。在项目编辑器中选择一个开发团队。(在目标“ReactNativeNavigationTests”中)

我在 xcode 中作为我的开发团队登录。我需要做什么来解决这个问题?

0 投票
1 回答
1366 浏览

react-native - SearchBar react-native-navigation V2 Android

我正在使用 Wix 的导航 V2,我想在顶部栏中添加一个搜索字段,这就是我推送显示项目列表的屏幕的方式

我在文档的操场上看到了一个示例,但它在 Android 中也不起作用,操场示例 那么我该如何添加它呢?

0 投票
1 回答
318 浏览

react-native-navigation - 有没有办法防止用户按下设备上的后退按钮从堆栈中弹出当前视图?

我正在使用来自 Wix(版本 2 )的 React-Native-Navigation在我的 React Native 应用程序中设置导航。我正在使用中心部分为堆栈的布局。当用户选择一个侧面菜单项时,所选视图被推送到该中心堆栈上。如果用户在 Android 上按下后退按钮,则视图将从堆栈中弹出,但我并不总是希望这种情况发生,主要是如果他们选择的视图是.sideMenuWebView

如果视图是 a WebView,我想手动处理用户按下硬件后退按钮。如果WebView可以“ goBack”,则视图将返回,但如果不能,则视图将从堆栈中弹出(正常情况下)。

我尝试使用BackHandlerfrom 类覆盖后退按钮按下react-native,这使我可以捕获该按下并在可能的情况下WebView返回,但是从堆栈中弹出视图的行为也会触发。React-Native-Navigation v2 中有没有办法告诉它,“嘿,我知道了,除非我告诉你,否则不要弹出。”?

本节我当前的代码如下:

如果 WebView 当前无法返回,我希望这只会从堆栈中弹出视图,否则只会让 WebView 返回。

实际发生的是两个事件都发生了。即 WebView 返回,但视图也从堆栈中弹出。

0 投票
0 回答
756 浏览

react-native - react-native Intent SEND 与 react-native-navigation [v2]

经过数小时的搜索和测试,我无法通过这个挑战。

我正在尝试从另一个应用程序共享数据(网址、图像)-> 到我的应用程序。

但我无法找到关于如何实现这一点(在 Android 和 iOS 上)或可靠模块的正确文档(react-native-share-extension似乎有点过头了,并且不适用于 react-native-navigation v2(#139)并且不为 iOS 维护react-native-share-menu )

让我们谈谈 Android,我确实更新了我的清单<intent-filter>(顺便说一句,iOS 中的等价物是什么?)

并成功在其他应用程序的共享列表中看到我的应用程序...并单击它打开我的应用程序...检查

现在我需要在我的应用程序中实际获取意图数据。我尝试Linking从 react-native 使用,但没有任何成功,我没有得到任何控制台日志。

下面是我的代码,我缺少什么,或者我应该为我的 Android 和 iOS 项目做些什么来获取意图数据?

index.js

应用程序.js

Home.js // 那里也试过

MainActivity.java // 这可能是我缺少类似 getIntent() 的地方?

我在上面的MainActivity上尝试了Dave Bennet的解决方案,但遇到了一个我无法解决的错误(错误:方法没有覆盖或实现超类型的方法)

谢谢你的帮助!

------ 包

  • “反应”:“16.6.3”,
  • “反应原生”:“0.57.8”,
  • “反应原生导航”:“^2.6.0”
0 投票
1 回答
610 浏览

android - 在安卓设备上启动的问题。react-native-navigation 出错

运行 npm run android --stacktrace 后,出现错误:

任务:react-native-navigation:compileReactNative57_5DebugJavaWithJavac FAILED

错误:NoOpPromise 不是抽象的,并且不会覆盖 Promise 中的抽象方法 reject(String,String,Throwable,WritableMap) 公共类 NoOpPromise 实现 Promise {

反应原生”:“^0.58.1”,

“反应原生导航”:“^2.8.0”,

0 投票
1 回答
1166 浏览

react-native-navigation - 如何将 React 本机导航与 Android 中的 AWS Amplify 推送通知集成?

我正在尝试使用 react-native-notification 库和 aws-amplify 让 FCM 推送通知在我的 Android 反应原生项目中工作。我有一个问题,PushNotification.onRegister 方法没有在 android 中调用来获取设备令牌以发送远程通知。如何让这两个库在我的 react native 项目中一起工作?

我按照 aws-amplify 文档https://aws-amplify.github.io/docs/js/start?ref=amplify-rn-btn&platform=react-native 将放大库包含在反应原生项目中。然后,我添加了根据https://aws-amplify.github.io/docs/js/push-notifications设置的推送通知 我已经包含 react-native-navigation 库以支持在我的 react-native 应用程序中按照 https 进行导航: //wix.github.io/react-native-navigation/#/docs/Installing 安装后 react-native 导航库 pushNotification.onRegister 方法没有被调用来接收设备令牌,没有它我无法在 android 中发送推送通知.

我在 App.js 中配置了推送通知,如下所示

然后在 App.js 的构造函数中注册 PushNotification 事件。

如果我不包含 react-native-navigation 库,此设置工作正常,并且调用 PushNotification.onRegister 事件并打印设备令牌。在 iOS 中,我可以使用 react-native-navigation 库获取设备令牌,但在 android 中它不起作用。任何有关此问题的指示将不胜感激!

0 投票
1 回答
672 浏览

android - 在平板电脑等大型设备上始终显示侧面菜单(抽屉)[react-native-navigation]

我正在使用 React Native 开发适用于 Android 的应用程序。我使用来自 Wix 的 React Native Navigation 包处理导航,但我有疑问。

现在我的手机上运行良好的 mi 应用程序,但实际上,目标是平板电脑。我有一个用于导航的 sideMenu(又名抽屉)。在移动设备中总是关闭的,我可以使用 TopBar 上的汉堡包按钮打开它,或者从屏幕的左边缘滑动。但是,当应用程序在平板电脑上运行时,我希望始终显示侧边菜单,在所有情况下。

一种方法是使用Dimensions API并使用高度/宽度,即使这样我也不确定是否可以在不重置所有导航和组件(setRoot..)的情况下更改导航。

我想实现一种行为,例如在手机和平​​板电脑中设置 Android 应用程序。

你可能认为其他著名的导航包 React Navigation 更好地实现了这一点?

谢谢。

0 投票
2 回答
983 浏览

android - 如何为 topBar wix 的 react-native-navigation V2 赋予渐变色

我正在使用 Wix 的 react-native-navigation V2。我想给 topBar 渐变颜色。我已经成功安装了 react-native-linear-gradient。但我不知道如何为 topBar 提供渐变颜色。

以下是将屏幕压入堆栈的代码。

我试图在下面的选项中提供渐变颜色

但它不起作用。

0 投票
1 回答
335 浏览

react-native-navigation-v2 - 如何在 react-native-navigation v2 中向我的 sideMenu 添加图标?

我已经阅读了很多关于它的评论,但我没有解决我的问题。所以我的导航代码看起来像这样

默认情况下,我可以从屏幕左侧拉出抽屉,但我该如何添加图标呢?