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

firebase - React Native Navigation 中的 componentWillMount 函数

我是 Ract Native 的新手,我正在尝试使用 react native 导航构建一个小应用程序。

我可以在他们网站上提供的电影应用示例(反应原生导航)中看到,他们没有在 app.js 中使用 componentWillMount 函数,而是在构造函数中调用了 startApp() 函数。

我基本上是在尝试在 componentWillMounth 函数中定义 firebase 配置,但是一个简单的控制台日志显示该函数永远不会运行。

我想正确设置应用程序,以获得最佳性能,所以我想知道使用 startApp 功能是否基本相同,不需要使用 componentWillMount 功能?

更新:下面的代码

index.ios.js

import App from './src/app'; const app = new App();

应用程序.js

0 投票
3 回答
2386 浏览

react-native - 在地图上滑动时反应本机抽屉未打开

我正在使用react-native-navigation启动一个包含谷歌地图的单屏应用程序 - react-native-maps和一个左抽屉:

导航:

地图屏幕:

不幸的是,如果我试图通过在地图上向右滑动来打开抽屉,它不会打开。

有谁知道如何解决这个问题?

0 投票
0 回答
192 浏览

javascript - 尝试向应用添加导航时出错

我正在使用react native 关闭画布菜单和 redux。

我现在需要以编程方式导航,我认为在画布菜单之外做出原生反应是不允许的,所以我需要引入我能找到的最简单的导航系统来添加到我的应用程序中。

我正在尝试添加react native redux 路由器,但出现错误:

Connect(Router) 中的 mapStateToProps() 必须返回一个普通对象。而是收到未定义的。

代码:

这真的是我的基本组件。它仅用于包含<Menu/>,但我添加了一个Router

Vepo.js

并在这里创建:

index.js

这是我想以编程方式导航的组件(搜索Actions.add()):

菜单.js

为什么我会收到错误消息?考虑到我在画布菜单外使用 react native,是否有更简单的导航方式?

编辑。刚刚添加了routerReducer:

得到错误相同的错误

编辑:我现在正在尝试使用 react-navigation

index.js

得到错误:

undefined 不是对象(评估 this.props.navigation.state.index

0 投票
2 回答
13364 浏览

android - react-native:无法识别命令“run-android”。可能是由 npm install 引起的

最近我开始遇到这个问题,当我在我的react-navigation项目中安装一个 react-native 包(例如:)时,一大堆包被删除了(包括我认为的 react、react-native)。

然后当我尝试运行命令“ run-android”时,它说它无法识别。

我最近更新到最新的npmreact-native-cli. “”有什么问题npm install吗?还是react-native

以下是重新创建的步骤:

  • 第 1 步 - 创建项目。 在此处输入图像描述

  • 第 2 步 - 运行“run-android”命令(有效)。 在此处输入图像描述

  • 第 3 步 - 将“react-native-navigation”安装到项目中。 在此处输入图像描述

  • 第 4 步 - 再次尝试运行“run-android”命令。(会失败,但以前可以工作) 在此处输入图像描述

关于问题是什么以及解决方法的任何想法?

0 投票
0 回答
1346 浏览

android - 在 android 上运行 React Native:任务“:app:processDebugResources”执行失败

我发现了一些类似的问题,但找不到解决此问题的方法。我正在使用 react-native-cli 并在尝试在 android 模拟器上运行时不断收到错误消息。我尝试使用 Android Studio 和 Genymotion 模拟器,错误似乎是一样的。

我试图删除构建文件夹并再次运行,但没有成功。

这里有一些细节:

0 投票
1 回答
405 浏览

android - 添加 react-native-navigation 后导入的样式表不起作用

我最近在我的项目中添加了 react-native-navigation,现在我无法让导入的样式表工作。我想要做的是:

screenstyles.js:

但我只是得到一个带有无样式文本的默认白屏。

我目前让任何类型的导入样式起作用的唯一方法是这样做

容器.js:

这种方法不是最好的,因为它使得为每个屏幕使用相同的样式表变得更加困难,但仍然能够自定义屏幕。

0 投票
1 回答
249 浏览

react-native - 无法读取未定义的属性推送

我正在尝试使用 react-native-navigation 组合我的第一个应用程序,并且我正在从网站上的可用示例中获取片段。

无论如何,我现在正在尝试使用推送功能来显示新屏幕,但导航器似乎未定义:

结构是:

导航器显然是在 app.js 文件中定义的。

在我的第一个屏幕选项卡中:

`

我使用 redux 设置我的应用程序,我想知道如何将我的导航器作为道具传递?

我的app.js中的启动应用程序函数如下所示:

我浏览了其他问题,但其中大多数是指 react-navigation,我正在使用 react-native-navigation。

0 投票
0 回答
535 浏览

android - 图片资源未显示 react-native(导航栏和标签栏)

当我在手机或模拟器上调试应用程序时,图标显示在导航栏和标签栏上,当我关闭应用程序并拔下手机并再次运行应用程序时,图标不再显示。

这是我的导航按钮:

这是我的导航栏标签:

这是我的导航:

拔下设备前: 截图

拔下设备后: 截图

该应用程序仍处于调试模式并使用调试 apk。使用 Android API 19-25 在多台设备上进行了测试,结果相同。

更新:我发现它只发生在应用程序的调试版本中,当我进行发布版本时,选项卡栏和导航栏上的所有图标都会按应有的方式显示。

0 投票
1 回答
139 浏览

react-native - React Native:哪个导航器更灵活?

我正在考虑一个新的 react-native 项目的导航器

我认为最好的 2 个选项是反应导航反应本机导航

在定义自定义导航栏(例如切换搜索栏)和覆盖默认的后退按钮处理程序(例如:提示“保存更改?”警告)方面,哪一个更灵活?

0 投票
1 回答
476 浏览

react-native - 关闭灯箱的完成块

有没有办法在灯箱被关闭后立即执行代码?我正在寻找相当于完成块: