问题标签 [react-native-tabnavigator]

我通过以下命令安装了矢量图标：

然后通过这种方法导入图标：（我没有使用expo）

这是主要代码：

它显示问号而不是图标

我怎样才能解决这个问题？

我希望在我的应用程序中同时呈现抽屉导航、选项卡导航和堆栈导航。但我收到此错误：

这是我的root.js文件内容：

这是选项卡导航代码：

这是抽屉导航代码：

而这个堆栈导航代码：（我已将上述两个组件导入堆栈导航）

我应该说当我删除抽屉导航时，一切正常

这是我实现打开抽屉的代码profile.js：

我怎样才能解决这个问题？

我正在尝试从libraries一个屏幕导航到另一个Playlist屏幕。但是当我单击它没有重定向的按钮时，它仍然显示库屏幕！

注意：我将堆栈导航器嵌套到选项卡导航器中。

有人可以告诉我我做错了什么吗？

这是代码；

堆栈导航器

我希望能够减小 Top Naviagtion 栏中的 indicatorStyle 的宽度以实现以下结果：

但是，每当我尝试减小条的宽度时，我都无法将其正确居中。这是我目前拥有的；

下面是我的代码：

谢谢您的帮助！真的很感激:)

我想要实现的是我的应用中有 2 个标签

1) Home => 按下它会显示一个简单的屏幕

2）菜单=>按下它会根据抽屉是否打开来打开和关闭抽屉。

抽屉有自定义内容。它有 4 个按钮 1) 帐户 2) 报告 3) 图表 4) 列表

在任何抽屉项目上选择它应该在“菜单”选项卡导航器空间中打开相应的页面。

那么如何管理这种导航呢？

我怎样才能做到这一点？

任何人都可以提出解决方案吗？

谢谢。

我正在努力解决

我想将我的 cartItems 的值从 react redux 传递到底部导航图标，但我无法从任何地方传递道具。这是我的代码，

在 BottomTabNavigation 中显示的静态 4 值的图像

如何删除 react-navigation 顶部栏中选项卡之间的空白。所以应该发生的是标签大小应该根据屏幕大小进行调整。

这就是我的导航目​​前的样子。

您可以看到选项卡非常大。他们占用了太多空间。我怎样才能得到这些空格，以便选项卡只占用足够的大小以适应选项卡名称。

我试过造型Tab.Navigator但没有运气。例如，我尝试了以下方法：

我正在尝试获取一个简单的选项卡导航示例以在本机反应中工作。似乎在线示例都假设选项卡导航屏幕是您的应用程序中唯一的屏幕，但对我而言并非如此。在我的应用程序中，我将有一个登录页面，成功登录后会有一个标签导航屏幕，我称之为 DashboardTabScreen。该应用程序将提供其他（非选项卡）屏幕（例如设置或联系我们，或其他），并且每个选项卡屏幕都将成为其他“详细”屏幕堆栈的根。

所以这是我的 App.js：

这是我的 DashboardTabScreen.js

当我运行该应用程序时，它会按预期进入登录屏幕。成功登录后，它应该转到此仪表板选项卡屏幕。相反，它会引发错误：

这是我的 package.json：

那么我的代码有什么问题？

在我的 React Native 项目中，我有一个使用createMaterialTopTabNavigator. 我在标签栏后面有一个图像。代码如下所示：

这是这样的：

问题：

我无法按任何按钮a、b、c或d。当我将zIndexon更改Image为 0 时，我可以单击它们，但我需要它为 1，以便其他一些内容在它后面流动。即使我已将zIndex元素设置tabBarOptions为 10，我仍然无法单击它们。我假设选项卡导航器中有一些我无法访问的包装器，它zIndex的值为 0。

有谁知道我该如何解决这个问题？

我正在尝试构建一个具有欢迎页面的身份验证流程，然后根据用户的情况登录或注册。它内置在堆栈导航器中。第一个屏幕没有标题，然后通过他们的屏幕选项登录和注册。

此流程嵌套在 tabNavigator 中：

在 iOS 上，一切正常，但在 Android 上，它的行为很奇怪。按下输入字段时，键盘会推动底部栏，从而在按下时产生笨拙的效果，但也会在关闭字段时产生笨拙的效果。好像它每次都在重新计算高度并重新定位布局。

为了确保它不是来自我的代码，我使用React Native 文档中的代码片段再次进行了测试

我得到以下信息（这些在 Android 模拟器上，但在我的 OnePlus android 手机上得到相同的结果）

• 基本版本：https ://recordit.co/tcEwDbo1oT
• 无标题版本：https ://recordit.co/O4lZ9G83vg
• 未嵌套在选项卡导航器中：https ://recordit.co/uh7mOGlKdk

唯一有效的版本是没有嵌套在选项卡导航器中的版本，所以我想问题来自那里。

我检查了一些解决方案，但没有一个有效：

• 安卓清单
• 来自标题的问题
• 由于标题的另一种解决方法

我正在使用 React Native CLI：

如果您遇到相同的问题并找到解决方法，请告诉我。提前致谢。

编辑：我使用的解决方案

除了我在评论中发布的“自定义”解决方案之外，在 React Navigation repo 上打开一个问题并检查已关闭的问题后，我发现在 Android 上，您可能有 2 个选项：

• 您可以反转嵌套，请参见此处

• 或者您可以将keyboardAvoidingView 的行为设置为在Android 上的位置并提供自定义Tabbar

https://github.com/react-navigation/react-navigation/issues/7359#issuecomment-545842090

https://stackoverflow.com/a/51169574/11287266

我最终选择了后者：