问题标签 [stack-navigator]

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

react-native - 反应本机 initalRouteName 不适用于堆栈导航

我是 react-native 的新手,我正在尝试使用 StackNavigation 和带有欢迎和注册屏幕的 react-redux 来实现一个简单的应用程序。我已经使用 StackNavigation 配置了两个屏幕,但由于某些原因,应用程序启动时仅弹出 SignUp 屏幕。以下是我的文件:

索引.js

应用程序.js

js/config/routes.js

store.js

以下是我的组件 Welcome.js

注册.js

我的每个组件也有动作和减速器文件。但它们现在是空白的,因为我还没有实现 redux 部分。我正在组合减速器,如下所示。

如前所述,即使在我的 routes.js 中将 initialRouteName 设置为 Welcome 之后,每次启动应用程序时都会首先出现 SignUp 屏幕。请帮忙

0 投票
1 回答
500 浏览

reactjs - 在 DrawerNavigator 屏幕中显示 TabBar

我目前有这个结构:

一切都很好。当我单击(例如)“个人资料”时,页面正常加载,当单击“更多”时,抽屉菜单打开。

我想实现的功能是我想在“个人资料”页面(DrawerNavigator 屏幕)中显示 TabBar。这怎么可能?

0 投票
2 回答
853 浏览

react-native - React-native StackNavigation 传递道具

我正在用 react-native 构建一个应用程序,我正在尝试将导航放入其中。我有一个按钮,我想通过单击它来移动到另一个页面。但我得到了那个错误:未定义不是一个对象(评估'_this.props.navigation')

应用程序.js:

通过单击 VideoListItems 按钮将导航到另一个页面的文件:

我在如何将导航道具传递给我的 VideoListItems 时遇到了麻烦,有人有什么想法吗?还是我在其他地方错过了什么?

0 投票
1 回答
300 浏览

react-native - 反应本机堆栈导航未定义不是对象(评估'props.navigation')

‌‌我正在用 react-native 制作一个应用程序,我想通过使用堆栈导航单击一个按钮来导航到不同的页面:

这是我的代码:

应用程序.js

VideoListItems,其中导航按钮是:

导出默认 VideoListItems;但我收到了这个错误:

我不知道如何通过道具导航并使其能够在单击按钮时导航,我不知道我的错误在哪里,有什么想法吗?

[编辑]

我的新 VideoItemList :

这是我显示所有组件的文件:

还有我使用 VideoListItems 的 VideoList :

0 投票
2 回答
336 浏览

javascript - 如何在不声明异步的情况下等待 Promise

我正在编写一个 React Native 应用程序。有没有办法在返回值之前解决非异步函数中的 Promise?

样本:

我想找到一种方法来获取已解析的值f,但我无法进行foo()异步。有没有办法做到这一点?如果没有,任何想法如何解决这个问题?

这是我经过一些清理的真实代码:

0 投票
2 回答
3086 浏览

reactjs - 从标题的右键导航 - React Native

我正在尝试从标题按钮导航,但我不能,因为找不到导航变量。

这是我的代码

};

我试图声明一个导航变量,但它不起作用

屏幕截图

主屏幕

错误画面

谢谢。

0 投票
2 回答
835 浏览

javascript - StackNavigator - 跳过堆栈中的页面的一页

在我的 React Native 应用程序中,我使用了 React Navigation 库来实现导航。我在StackNavigator. 现在我遇到了一个我不知道如何解决的问题。有时基于some condition,我想skip在我的堆栈导航器中的页面之一。

例如,我有四个屏幕。

我想third根据我在屏幕上做出的决定跳过second屏幕,但我不知道该怎么做。

0 投票
2 回答
4731 浏览

react-native - 如何在 React-Native 中设置 DrawerNavigator 的背景图片?

我将 DrawerNavigator 集成到我的项目中。它工作正常,但没有任何属性来设置背景图像。如何在 DrawerNavigator 中添加背景图像。

抽屉导航器

DrawerNavigation 代码

在此处输入图像描述

0 投票
1 回答
2517 浏览

react-native - 如何从静态 navigationOptions 调用 this.props - react-navigation

我正在尝试在堆栈导航器标题中的按钮 onPress 中调用 handlelogout(),然后在 handlelogout() 中调用this.props.logout操作,该操作将调用导航减速器以重置到登录屏幕.....但this.props.logout没有调用一个动作....什么也没发生

这是我的句柄注销功能

我正在附加我在控制台中打印的日志

在这里,我将注销绑定到 mapdispatchprops

0 投票
1 回答
3162 浏览

react-native - 抽屉导航器嵌套在堆栈导航器内

我有一个抽屉嵌套在堆栈内。无法使用它实现后退按钮。谁能提供一个干净的解决方案来解决这个问题=(

我想在 iOS 和 android 上显示返回按钮,使用硬件返回按钮导航到最后一个屏幕。

抽屉导航器

堆栈导航器