问题标签 [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 回答
445 浏览

react-native - 使用 react-native-tab-view 和 react-native-router-flux

我使用react-native-tab-view作为我的主要应用程序容器,其中我有不同的组件和嵌套选项卡。但是我想使用react-native-router-flux进行导航。我目前的设置如下:

但现在 react-native-router-flux 只看到一条路线。如何跟踪 React-native-tab-view 中的导航更改并将这些导航状态添加到存储在 redux 中的主路由状态。

0 投票
1 回答
825 浏览

reactjs - 反应原生导航

我已经创建了 2 个屏幕 Screen1.js 和 Screen2.js Screen1.js 将是闪屏,而 Screen2.js 将是登录屏幕。我想要做的是在 Screen1.js 渲染后 5 秒打开 Screen2.js。我试图从“react-native”导入 {Navigation},但它不再出现在这个库中。知道我该怎么做吗?

0 投票
2 回答
258 浏览

react-native - React Native / Shoutem:navigateBack()不起作用

我的问题是我想从 BountyDetailsS​​creen 导航到 LoyaltyScreen,但 navigateBack() 函数调用不会触发任何操作。当我记录功能时,它说:

在此处输入图像描述

我唯一注意到的是,navigationStack 是空的。当我navigateTo对它正在工作的功能做同样的事情时,但是我的导航堆栈搞砸了。

在我的 LoyaltyScreen.js 中,我正在显示一个 ListView。它是一个 RN ListView(不是从shoutem 导入的)。

LoyaltyScreen.js

ListBountiesView.js

ListBountiesView 呈现每个 ListView 行并在单击该行时打开一个详细信息屏幕。

BountyDetailsS​​creen.js

在 BountyDetailsS​​creen 中,我显示详细信息,并希望在按下按钮时将 navigateBack() 导航到忠诚度屏幕。

0 投票
0 回答
539 浏览

android - react-native-navigation:组件在 startTabBasedApp 上安装两次

在导航 API 的初始调用中提到的屏幕被调用了两次。

下面是我在 App - 根组件中的 src。

我必须为用户加载一些初始数据,我将通过对服务器的 API 调用获得这些数据。调用两次并附加数据(真正的问题)

有什么解决方法还是我做错了什么?

0 投票
0 回答
1289 浏览

xcode - 使用静态框架,如 Realm,通过 Cocoapods 安装 React-Native

我有一个有两个要求的本机项目。它需要与 Airbnb 的原生导航库配合使用,并且需要Realm数据库。我有时间让这两个图书馆一起工作。因为 Native-navigation 使用的是 Swift 文件,所以需要 react-native 等原生库通过 cocoapods 安装。

Realm 不是一个对 cocoapod 友好的库,所以我一直在遵循这个基本设置,从 airbnb 的样板开始ReactNativeStarter。此时项目构建并运行,但是当我引入 Realm时,我在构建项目时遇到错误,它找不到 React 头文件

这是我的步骤:

1)通过安装领域npm install --save realm

2)在文件中挖掘/node_modules/realm/react-native/ios/并拖入RealmReact.xcodeproj样板生成ReactNativeStarter的项目ReactNativeStarter.xcworkspace

在此处输入图像描述

3)然后我将以下内容添加到 Realm React 的标题搜索路径中$(SRCROOT)/../../../../ios/Pods/Headers/Public

在此处输入图像描述

我认为值得注意的是 /Pods/Headers 文件夹不包含任何内容。这可能是 cocoapods 没有为 React 正确生成头文件的问题吗?

4)libRealmReact.a我在“链接框架和库”下添加静态库

在此处输入图像描述

5)最后,我添加$(SRCROOT)/../node_modules/realm/src到 ReactNativeStarter 项目的标题搜索路径。在此处输入图像描述

问题- 此时构建项目仍会导致以下 xcode 构建错误:

/Users/some.guy/ReactNative/SaveAs/node_modules/react-native/React/Base/RCTBridge.h:12:9: 'React/RCTBridgeModule.h' 文件未找到

0 投票
2 回答
518 浏览

ios - react-native-navigation 与 react-native-sentry ios

目前正在"react-native-navigation": "2.0.0-experimental.304"运行"react-native-sentry": "^0.8.1"

在 react-native-navigation 的设置中,它要求用户修改AppDelegate.m以看起来更像这个示例,它替换RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation...[[RCCManager sharedInstance] initBridgeWithBundleURL:jsCodeLocation];

由于我不再引用rootView我无法将其传递给哨兵设置方法[RNSentry installWithRootView:rootView];

如何访问该原件rootView (RCTRootView)以便将其传递给 Sentry?

谢谢您的帮助

0 投票
2 回答
1769 浏览

android - passProps 抛出“调用 RCTEventEmiter.receiveTouches 时出错”(react-native-navigation)

我正在尝试使用 react-native-navigation pacakage 1.1.65 (https://github.com/wix/react-native-navigation)将一些数据传递到模态屏幕

我有两种情况

第一

当我单击按钮时,它会触发我这个错误:

'调用 RCTEventEmiter.receiveTouches 时出错'

日志“RESULTDATA”类似于一个或多个项目:

第二个

使用此代码,模式屏幕会显示,但当我登录this.props.result时显示undefined.

我想使用这些数据在模态屏幕中创建一个运行良好的 ListView。

不知道该怎么办。我已经单独测试了一些 UI 元素和不同的组合,如上所述。

我想让第一个工作。

任何建议将不胜感激。

编辑

没有人 ?

编辑 2

这是我的 SearchResult 类:

我也在这里打开一个问题:https ://github.com/wix/react-native-navigation/issues/1249

0 投票
0 回答
111 浏览

react-native - 我如何在这个应用程序上使用反应导航?

我决定使用 react-native 制作一个电影应用程序,但我在导航部分遇到了问题。我下载了 react-navigation 包,但我对如何让它在这个应用程序上工作感到困惑。

我如何在这个应用程序中使用反应导航?单击其中一个电影名称后,我需要能够进入一个空白的新屏幕。

0 投票
3 回答
27281 浏览

performance - React Navigation vs. React Native Navigation

主要的两个 React Native 导航解决方案之间有哪些技术差异:React Native Navigation 和 React Native?

是否有特定的技术限制需要使用其中一种?

一种比另一种更广泛使用吗?

0 投票
1 回答
3887 浏览

reactjs - 无法读取未定义的属性“名称”-React Native

问题

为什么单击导航按钮时会出现此错误?

我的代码

发生什么了

它使用正确的名称输出所有按钮(显示this.state.myValue已定义)。然后,当我单击按钮时,它会给我下面的错误。

应该发生什么

它应该显示按钮的名称(确实如此)并将我引导到 DisplayPools 页面(它在//working代码中但不在{output}代码中)。

错误

在此处输入图像描述

第 160 行(发生错误的位置)

我想要完成的事情

我想将数据从我的服务器发送到我的应用程序。然后我想让我的应用程序显示来自我的服务器提供的数据的链接。

我如何加载数据

我认为这无关紧要,但无论如何: