问题标签 [react-navigation]

在带有 React-Navigation 的 React-Native 中，我有一个 Tabnavigator，如下所示：

现在我想在 Tab1 旁边添加一个徽章：例如

表 1 (2) | Tab2 | Tab3

在 Android 中，这可以通过以下方式完成：

在 iOS 中，它在底部显示 TabMenu，这没关系，因为它是 iOS 的本机行为。但在 iOS 中，徽章的圆圈并没有显示，而是一个矩形背景。

为什么会这样和/或如何在 iOS 中完成徽章？

问候

多次渲染组件时，我在 React Native 中遇到了非常缓慢的性能。我有一组对象，其中包含组件要使用的信息。目前该数组有大约 17 个对象，因此同一个组件将在 ScrollView 中显示 17 次。<PreviousComponent />从 切换到时，JS 帧速率下降到 -2 fps <Container />。我只是展示与问题相关的代码块，用于解释目的。另请注意，我使用的导航是来自 react-community 的 react-navigation。<EachCard />是另一个包含一些 Text 和 View 组件的组件。我想我使用的方法是标准的。

我阅读了性能页面https://facebook.github.io/react-native/docs/performance.html。我没有console.log，也将开发模式设置为false。

那么为什么JS fps会下降到-2，为什么加载17个组件需要几秒钟呢？我使用的是真实设备（LG G4 @6.0）

我目前正在使用 React Native 和新的 React Navigation。在那里，我正在尝试遵循嵌套导航器的教程，但总是出现错误：

我不确定我做错了什么。当我单独启动导航器时，它们可以工作。但不幸的是没有合并。

这是我使用教程创建的 App.js：

也许你可以在那里帮助我。我在这里问了同样的问题，但也许这是这个问题的更好地方。

提前致谢！

我正在为我的第一个 react-native 项目使用 react-navigation https://reactnavigation.org/ 。我想切换我的抽屉（打开和关闭），但我不知道如何实现这一点。我一直在查看 reactnavigation.org 的文档，但找不到任何提示。

我有一个使用React 导航进行导航的应用程序，在我的应用程序中，我制作了一个使用React Native Sound的音频播放器组件。我的问题是，当用户导航到另一个视图时，如何停止音频？

我在正在调用的导航器上找到了该功能 onNavigationStateChange，但我不知道如何将其连接到我的音频播放器？

我像这样设置了TabNavigator：

在某些时候，我需要禁用从屏幕组件滑动。怎么做？是否可以不重新渲染导航器。

------ 15/03/2017 编辑

尝试通过 screenProps 传递回调函数（仅适用于 beta 7）.. 但正如预期的那样，当我从 History 执行此操作时，它会返回到 initialRouteName 'Home'，因为它是重新渲染的。

redux 也有同样的问题...

任何建议都非常受欢迎！

我正在为我正在构建的 React Native 应用程序使用新的react-navigation库。我在将ActionCreators我的导航组件向下传递到它的场景时遇到问题。

我有一个AppContainer包装整个应用程序的。

这是客户容器：

现在我试图在我的CustomerContainer this.props.listCustomers(). 问题是 ActionCreator 道具没有被传递到屏幕上。我尝试将screenProps道具添加到ApplicationNavigation组件中：

但是由于某种原因，当我这样做时，我的应用程序不会显示任何屏幕，它只是空白且没有错误。

更新

所以我更新了我的CustomerContainer文件：

这现在有效；然而，这感觉是不正确的做法。

如何隐藏反应导航标题下的阴影？
他们看起来像这样。

我使用反应导航

screenProps有问题。

将它添加到导航器的简单事实使我的应用程序变为空白，没有呈现任何内容。

我错过了什么吗？

我将ReactNavigation与StackNavigator我的屏幕一起使用。有时，我需要推送一个用户无法点击“返回”的模式屏幕。它还应该从底部过渡到顶部（类似于 iOS 中的本机模式控制器）。我不确定如何使用该navigate方法来做到这一点。