问题标签 [react-native-tabnavigator]

tabBarComponent基本上，当用户滑动TabNavigator屏幕（类似 Tinder ）时，我需要为自定义设置动画。

但无法触发可以编写动画逻辑的中间事件。

任何指针都会有所帮助。

在 React Native 中，我有一个按钮组，我想使用选项卡导航来控制一些选项卡。

标签页都有tabBarVisible: false，我想通过调用navigate('screen1')等移动到正确的标签页。但是在我updateTab从按钮组调用的内部，我onpress无法访问该navigation.navigate功能。

我能做些什么？

如何从更改的状态选项卡索引访问导航？

我为我的应用程序创建了一个 TabNavigator，但我只想要 5 个屏幕。我想导航到但不通过选项卡的其余部分（在那些我不希望选项卡也可见的部分中）。这是我现在的路由器：

我在主 index.js 中导入：

我可以在我的导航器 screen6、screen7、screen8 中做些什么并导航到它们但不在 TabNavigator 上显示它们？

我正在使用 expo v27.0，反应原生 0.55，正如您在图片中看到的那样，选项卡有一些固定宽度，就像选项卡导航中的默认宽度一样，并且文本换成三行，我希望文本在 1 行中并且没有换行，我已经尝试在 TabStyle 中设置样式（flexWrap：'nowrap'，flex：1），在 TabBarOptions 中设置 LabelStyle，但仍然无法根据标签内的文本使标签具有宽度。

我使用 fetch 从 json 动态填充选项卡的文本，因此所有选项卡将根据文本具有不同的宽度。如何使标签跟随文本的宽度？

非常欢迎所有答案。先感谢您。

我试图将 TabNavogator 放在 StackNavigator 中，它抱怨它必须是一个反应组件。

我附上了代码和错误屏幕截图。

一旦我通过登录屏幕，我想要选项卡，所以在 Login.js 中单击一个按钮，我将移至选项卡，但我认为问题出在 router.js 中，我可能做错了。

如果您能建议如何纠正它，那将非常有帮助

谢谢R

路由器.js

index.js

主 index.js（仅供参考）

我想从登录屏幕移到选项卡。

登录.js

这是我的错误信息

第二个组件非常简单，我想知道是否可以先渲染它，这样就没有加载时间。谢谢！

在我的 react-native 项目中，我使用了 DrawerNavigator，从中导航到 SwitchAccount 页面。在 SwitchAccount 页面中，我使用了 react-native-tabs 中的选项卡。下面是我使用的代码

当我单击选项卡时，它会更改状态，然后我得到 _renderTab 函数返回的新组件。一切正常，但我想根据 _renderTab 函数返回的组件更改标题标题。我应该怎么办？有什么方法可以从构造函数更改标题标题？下面是我在 SwitchAccount 页面中的 navigationOptions 代码。在那里我想从构造函数中更改标题。

所以我有一个带有 3 个屏幕的 TabNavigator。

当我单击 ActivateScannerPage 时，将打开用于扫描 QR 码的相机。

所以我的问题是当应用程序启动时，我点击“ActivateScannerPage/Aktivierung Scanner”选项卡，然后它打开相机，我可以毫无问题地扫描我的代码。但是当我切换到另一个 tabScreen，例如返回主屏幕然后返回 AcitivateScannerPage 时，视图不会刷新或呈现新的。所以相机不再打开，我看到黑屏。

有没有办法来解决这个问题？我可以通过点击 tabIcon 重新加载或重新渲染屏幕吗？

谢谢。

编辑：

我想有条件地从选项卡导航中隐藏一个或多个项目。从重定向页面，我发送一个布尔参数 (..navigate('SomePage', { some_value: true });) 并根据这个值，标签页项目的可见性发生变化。但是从我的研究来看，动态构建选项卡导航似乎根本没有能力。

问题

如何将项目分配给 TabNavigator？

以下是相关代码：

我想在 TabNavigator 中禁用滑动以更改选项卡。我找到了两种解决方案

1)swipeEnabled: false,

2)navigationOptions: { gesturesEnabled: false }

两者都不适用于 iOS 中的 react-native。任何解决方案都会有所帮助。