问题标签 [react-navigation]

I got a TabNavigator set up and i'd like to retrieve screens postions during the swipe.

How to do so? is it possible without using Transitioner?

我目前正在使用 React Native，我有一个关于 React Navigation 和StackNavigator. 我想在标题中添加一个自定义关闭按钮，但我不确定如何执行此操作。

我只能导航到屏幕，但不能返回或发送某些东西。

在我的例子中，navigationOptionsforHomeScreen正在工作。抽屉打开并SettingsButton导航到设置屏幕。但我navigationOptions对EntryScreen. 在那里我建立了一个CloseButton返回，但我需要访问导航对象。

可以导航到navigate其他屏幕，但我需要访问父对象navigation。例如，在抽屉类上，可以通过props.navigation（例如props.navigation.navigate('Home')或props.navigation.goBack(null)）访问

这是我当前代码的一部分。当然，由于缺少对以下内容的访问权限，它目前无法正常工作navigation：

这些是按钮：

也许你可以在那里帮助我。提前致谢！

react-navigation包中有一个TabNavigator组件。

它处理点击并激活选定的选项卡。对于某些选项卡，我想在单击选项卡而不是激活选项卡时显示自定义屏幕。我在文档中找不到这样的属性。可行吗？

是否可以在 React Navigation 的标题标题中访问整个 Redux 状态？

官方文档说导航对应的状态是可以访问的：

但我希望访问我的 Redux 状态的其他部分，并在状态更新时更新标题。今天有可能吗？

我在 StackNavigator（祖父导航器）内的另一个 TabNavigator（父导航器）内使用 TabNavigator（子导航器）。

这是我的代码。

和 ParentScene2 的类似屏幕。这是我简单的儿童场景。

现在我做了一个容器

并将它与我在提供程序中的 redux 商店连接起来

我将一个容器与我的商店连接起来，并将状态树的动作和状态作为属性传递给每个堆栈子项。我什至可以得到这些财产。但是在这里我首先遇到两个问题，当我的状态发生变化然后属性发生变化时，我将其传递给所有堆栈子级，但它不会导致我的组件重新渲染和

最初我可以看到我的子标签。但是它里面的内容不会被渲染。一旦我从 Tabs1 切换到 Tabs2，所有内容都会变得可见。为什么会这样？

我还发现这不是在 ios 中发生的，而是在 android 平台中发生的。

在我的以 firebase 作为后端的 react-native 应用程序中，我有一个像这样的初始 LoginScreen：（react-navigation 的导航功能呈现作为第一个参数传递的屏幕，作为 props.navigation.params.state 传递给该屏幕的第二个参数）

和一个 MainApp 组件作为 react-navigation tabNavigator，屏幕“配置文件”看起来像：

启动应用程序时，侦听器第一次感知到用户的存在时，它会导航到 MainApp 屏幕，但会出现警告，组件 Profile 的渲染函数中的 {this.state.currentUser.user} 未定义; 但是当我浏览 tabBar 时，我可以看到该用户名，但 ListView 是空的。如果我刷新，将检索 firebase 数据并填充 ListView。

如果我注销并重新登录没有再次发生，数据会立即加载，不会出现警告，并且会立即填充列表视图。

如果我退出并重新启动应用程序，因为已经有一个登录用户，它会导航到 MainApp 屏幕，但是如果我注销并重新登录一切正常，上面会出现同样的问题。

请问，我的错误是什么？有谁能够帮我？

假设我有这个屏幕：

当用户点击白色工具提示时，它会重定向到另一个屏幕。有时应用程序会滞后一点，单击工具提示大约需要 2 秒才能看到屏幕变化。问题是，在这 2 秒内，用户再次点击此工具提示以使其发生。

我得到的结果是我的 StackNavigator 中有两个新屏幕实例。我的意思是我看到了我的新屏幕，但是当我单击“返回”时，我并没有返回到这个“搭便车地图”屏幕，而是返回到同一屏幕的另一个实例。

如果在这 2 秒内我在标注上单击了 5 次，那么我需要单击 5 次“返回”以返回地图屏幕。有什么办法可以防止吗？只将一个实例放入 StackNavigator？

我正在使用 React Navigation，更准确地说是 StackNavigator。这是我的代码：

“点击工具提示”部分：

我的屏幕：

当我安装并尝试使用 react-navigation (import {StackNavigator} from 'react-navigation';) 时，我正在尝试 react-native 并得到以下错误。

错误

我使用以下命令安装“react-navigation”：npm install --save react-navigation

在运行上面的命令时，我在node_modules文件夹下得到“react-navigation”文件夹，只有一个文件（package.json）。以下是该文件的内容：

有人可以帮我解决这个问题。提前致谢。

我正在学习react-native导航https://reactnavigation.org/docs/intro/。我在那里的例子中看到

我不明白这行代码到底是干什么用的const { navigate } = this.props.navigation;

嗨朋友们，我在过去 2 天的反应导航中摸不着头脑，我尝试了很多东西（对于初学者来说，文档似乎不太清楚），所以现在我面临的问题对我来说似乎并不复杂，因此我寻求建议和帮助以继续进行。以下是我寻求帮助的案例/问题/场景 -

1. react-navigation 不包括 header 和 statusbar，我想实现类似gmail的东西，但我最终得到了这样的结果

我使用以下代码块来达到这一点

2. 另一个问题是我应该如何在同一个屏幕上在我的应用程序中添加 2 个抽屉