问题标签 [react-navigation]

我正在使用 react-native TabNavigator在我的应用程序中的选项卡之间导航。

每个选项卡都包含一个图标和一个标签。我想根据应用程序是在 iOS 还是 Android 上运行，对 TabBar 的样式略有不同。

“tabNavigationConfig”的文档描述了“TabBarBottom”和“TabBarTop”的“tabBarOptions”的两个部分，这让我认为可以为顶部 TabBar 提供配置，为底部 TabBar 提供另一个配置。

是否可以为 iOS 提供“tabBarOptions”和为 Android 提供不同的选项（即顶部和底部）？

我正在尝试使用 redux 实现 react-navigation 的 TabNavigator，但我一直遇到错误。我现在收到以下错误：undefined is not an object (evalating 'navigation.state.routes')

我的 index.android.js 和 index.ios.js 都指向了我的 app.js。

我创建了以下类：

导航配置

选项卡栏组件

店铺

主屏幕

应用程序.js

我正在尝试使用 Relay 设置我的应用程序，并按照此 GitHub 问题react-navigation中讨论的提示进行操作。另请注意，我曾经创建项目。create-react-native-app

这是我的设置的样子：

应用程序.js

PokemonList.js

renderFetched正在执行日志记录语句，但由于某种原因data是空的：

知道我在这个设置中缺少什么吗？

我遇到了React Navigation和 React Native 的导航问题。这是关于重置导航并返回主屏幕。

我在 DrawerNavigator 中构建了一个 StackNavigator，并且主屏幕和其他屏幕之间的导航正常工作。但问题是，导航堆栈不断增长。我不确定如何从堆栈中删除屏幕。

例如，当从主屏幕进入设置屏幕，然后进入输入屏幕，最后再次进入主屏幕时，主屏幕在堆栈中出现两次。使用后退按钮，我不会退出应用程序，而是再次进入进入屏幕。

再次选择主页按钮时，重置堆栈会很棒，但我不知道该怎么做。在这里，有人试图帮助有类似问题的其他人，但该解决方案对我不起作用。

这是抽屉屏幕的一个简单示例

我希望你能帮助我。这是导航的重要组成部分，一个解决方案会很棒！

我正在尝试使用“反应导航”仅在 android 中更改标签栏的背景颜色。可能吗 ？

我使用下面的 tabBarOptions，但它会在 iOS 和 Android 中更改背景颜色，但我的要求是仅在 Android 中更改颜色，并且它应该在 iOS 中保持默认值，

{ tabBarOptions: { style: { backgroundColor: '#2D61A9', } } }

提前致谢。

我正在使用react-navigation并希望在标题右侧添加一个按钮，该按钮将导航到不同的屏幕。但是在设置时navigationOptions，我想知道如何访问navigate按下按钮时调用的回调中的函数：

有什么想法可以实现吗？我在考虑也许使用withNavigation，但仍然不太清楚它是如何工作的。

我是 React Native 的新手，我正在尝试创建一个简单的食谱应用程序。在我需要从我的数据集中导航到特定配方之前，我的应用程序可以正常运行。我想要一个可以将数据和索引传递到的 singleRecipe.js 组件，一旦用户在列表视图中单击该配方项，它就会导航到正确的数据。

我已经在 NavigatorIOS 上看到了这一点，但我不太清楚如何在新的 React Navigation 上做到这一点。任何帮助我都会非常感激。

这是我的食谱列表视图文件：

RecipeListItem.js

这是我希望将数据传递到的单一配方页面。

我非常基本的数据集：

我正在使用 React Navigation ( https://reactnavigation.org ) 来处理我的 React Native 应用程序中的导航。应用程序结构由带有一堆嵌套菜单的 StackNavigator 组成。所有菜单都使用相同的 MenuScreen 组件。

当我浏览 2 个以上的菜单，然后按后退按钮时，导航栏标题不会变回。它卡在到达的“最远”菜单设置的标题上。

这是有道理的，因为我navigationOptions在每个连续的 MenuScreen 的构造函数中设置了静态属性，但从不将其更改回来。解决此问题的最佳做法是什么？

我是clojurescript和试剂的新手。我尝试在我的 react-native 应用程序中使用 react-navigation 但我收到此错误

这是我的代码

这是我的app-root

我正在学习 React Native 和 Redux，我已经开始使用 3rd 方库——特别是React Navigation

我已经按照Dan Parker 的 Medium Tutorial上的教程进行了操作，但仍然无法正常工作

我的应用程序的 RootContainer：

PrimaryNavigation 定义：

PrimaryNav 定义：

我的创建商店：

我收到以下错误：

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of 'PrimaryNavigation'

到目前为止我的理解是：

• RootContainer 连接到一个商店——它拥有一个 PrimaryNavigation
• PrimaryNavigation 包含一个 Navigator (PrimaryNav)，它包装 Navigator 并传递它的状态
• PrimaryNav 是实际的导航器 - 我已经定义了路由和默认初始化
• 处理 PrimaryNav 的减速器只是 PrimaryNav.router.getStateForAction

我错过了初始状态吗？我没有将它正确连接到 Redux 吗？我是否需要触发调度才能进入第一个屏幕？

谢谢