问题标签 [react-navigation-stack]

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 投票
4 回答
18273 浏览

react-native - React Native React 导航标题按钮事件

您好我正在尝试在我的导航器右按钮中绑定一个功能,

但它给出了错误。

这是我的代码:

并得到这样的错误:

undefined 不是对象(评估“this.alertMe.bind”)

当我在渲染函数中使用此方法时,它工作得很好,但在 NavigatonOption 中我无法处理它。我能做些什么来解决这个问题。

0 投票
0 回答
842 浏览

react-native - React-Navigation - DrawerNavigator 中带有后退按钮的标题

我觉得我的导航设置一团糟,我无法实现我想要的。

我有一个StackNavigator服务于一些页面一个DrawerNavigator处理一些其他页面一个BottomTabNavigator

大多数事情都有效,但似乎我不能在通过Drawer

这是我的代码,并带有一条评论,其中似乎没有处理我想要的内容:

我究竟做错了什么?

0 投票
1 回答
232 浏览

react-native - React Navigation 上一个屏幕知道它何时被激活

如果重新访问它,我正在尝试找出一种在我之前的屏幕中调用函数的方法。

  1. 目前在屏幕 1上
  2. 单击一个按钮(转到屏幕 2
  3. 单击返回(返回到屏幕 1

this.props.navigation.dispatch(NavigationActions.back())

  1. 调用屏幕 1上的函数。我不需要传递任何参数或任何我只需要知道何时再次调用屏幕。如果我没有 t,我宁愿不清除整个状态并重置它。
0 投票
0 回答
95 浏览

react-native - React 原生生命周期方法重新渲染组件

在反应本机应用程序 ImageCarousel 用于显示图像数组并且它工作正常。后来我介绍了 createMaterialBottomTabNavigator 进行导航,导航工作正常,但是在使用 BottomTabNavigator 库进行导航后,屏幕最初加载时不显示图像,但是当屏幕方向改变时,它开始显示图像。我是 react-native 新手,请指导我解决这个问题。

使用的库:

0 投票
1 回答
1523 浏览

react-native - React Navigation:是否可以从不同的 stackNavigator 导航到同一屏幕?

我正在编写一个使用反应导航的应用程序。我的应用程序有一个底部 TabNavigator,其中每个选项卡都由一个 stackNavigator 组成,如下所示:

路线.js:

tabNavigator 中的选项卡内的每个 stackNavigator 都有自己的标题,以便我可以自定义每个选项卡的标题,但所有标题都有一个按钮,该按钮应该导航到配置文件屏幕(在本示例中为联系人图标)。

应用工具栏.js:

我想要做的是,通过按下联系人图标,应用程序应该导航到配置文件屏幕,我不知道它是否可以定义为可以从任何地方访问的全局路由,或者我是否必须添加配置文件屏幕到所有stackNavigator,以便从每个堆栈中的每个屏幕都可以访问它?

提前致谢!

0 投票
1 回答
1859 浏览

react-native - React Navigation 更改 componentDidMount 上的自定义标题标题

我正在开发一个具有 tabNavigator 的应用程序,并且对于每个选项卡它都有一个带有自定义标题的 stackNavigator。从一个屏幕我需要能够将参数传递给 stackNavigator 以更改标题标题。

MyScreen.js:

应用工具栏.js:

出于某种原因,console.log 语句正确打印了在 componentDidMount 中传递的参数,但它似乎没有通过组件,关于我做错了什么的任何想法?

0 投票
4 回答
13402 浏览

react-native - withNavigation 只能用于导航器的视图层次结构

我收到错误:

Invariant Violation:withNavigation 只能用于导航器的视图层次结构。被包装的组件无法从 props 或 context 访问导航

我不知道为什么,因为我withNavigation在我的应用程序的其他组件中使用它并且它有效。我看不出它所作用的组件与导致错误的组件有什么不同。

代码:

组件:

堆栈导航器:

在这里,我渲染了StackNavigatorMenu的应用程序组件中的内容:

和我的根组件:

我已将我的 Vepo 组件更改为此以实现 vahissan 的答案:

没有错误,但 alertModal 不再显示

0 投票
0 回答
42 浏览

reactjs - 无法在反应导航中从内部堆栈导航到外部堆栈

我有一个应用程序,我必须使用堆栈和选项卡进行大量导航。

所以我有这些堆栈:

问题:每当我点击 Logout 中的按钮时AccountPage,RN 都会抛出一个错误,指出没有定义为 Login 的路由(这是因为,我们在帐户堆栈中,并且没有任何定义在Login那里)。

现在,我如何将用户重定向回根堆栈中的登录屏幕,即Routes从内部堆栈即Accounts

0 投票
2 回答
20990 浏览

react-native - navigation.navigate 不是函数

我正在使用导航来导航我的反应本机应用程序,但我无法通过此问题付款。我按照文档做了,但对我没有用。

问题是我正在尝试使用导航选项添加标题和右键以将我导航到另一个屏幕,但它一直给我这个错误:“navigation.navigate 不是一个函数。(在 navigation.navigate 中未定义)

这是我的代码:

谢谢你

0 投票
1 回答
37 浏览

react-native - React 原生应用结构

这是我决定实施的结构。我有几个问题还没有解决。我希望根堆栈导航器标题显示徽标和后退按钮以防万一,并控制整个应用程序状态。当我设置自定义标题时,我不知道如何告诉后退按钮隐藏或显示。我从根堆栈导航器的 navigationOptions 设置自定义标题。

请问有什么帮助吗?