问题标签 [react-navigation-bottom-tab]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
662 浏览

react-native - 堆栈导航器在发布 apk 中不起作用

在这里,我正在尝试实现一个嵌套导航,其中我有

  • 底部标签导航器
  • 其他几个屏幕。

我的应用程序在调试模式下工作正常,以下弹出窗口在调试模式下工作。 弹出

但是当我发布 apk 时它不起作用。我正在使用反应导航 v5。当我点击已发布 apk 中的按钮时,什么也没有发生。 按钮

主导航

底部标签导航

包.json

0 投票
1 回答
1792 浏览

react-native - 在本机反应中更改反应导航选项卡的底部栏容器颜色

我正在尝试将边框半径添加到底部栏,但是我想将容器颜色从默认更改为紫色。

我怎样才能做到这一点 ?

到目前为止我做了什么

在此处输入图像描述

我想要的是

在此处输入图像描述

代码:

任何人都可以帮忙吗?

谢谢

0 投票
0 回答
189 浏览

react-native - 如何使用 setState 或 useState 与 react native 底部标签导航 v4

首先我想说对不起,因为我在这里的英语不好......

我想在 Route.js 文件中使用 setState 或使用 State 挂钩,但我不知道该怎么做。如果有人知道答案 - 请帮助我..

我使用了 asyncstorage,但它不会在数据更新后自动生效。它想要随时刷新或保存 Route.js 文件。

这是我的 Route.js 文件

那么我该怎么做呢?

以及如何通过导航屏幕传递这种状态..

谢谢..

0 投票
1 回答
19 浏览

react-native - D:/react-native tutorial/NavigationTut/App.js 未找到模块:无法解析 'D:\react-native tutorial\NavigationTut' 中的 'react-navigation-tabs'

使用 react-navigation v4,这是我的代码我遇到了这个错误,我还检查了文档

0 投票
0 回答
742 浏览

react-native - React Native Navigation - 底部标签位置绝对

我的底部选项卡导航器设置为具有背景透明的绝对位置,但是当我转到地图选项卡时,我希望选项卡从绝对位置更改为相对位置是否可能?提前致谢!

0 投票
1 回答
700 浏览

react-native - 反应导航底部选项卡不适用于多个堆栈导航器

我在实现底部导航栏时遇到问题,这是我的代码

当我使用多个 stackNavigator 时会出现问题。如果我使用单个堆栈导航器,则底部导航有效。但是当我放置多个多个堆栈导航器时,底部导航不会显示。

如果我只使用 AfterLoginStack,底部导航栏是可见的。但是当我如下放置两个堆栈导航器时,底部导航不显示。

请提出解决方案。

0 投票
2 回答
2585 浏览

react-native - 反应导航 5 在嵌套导航中隐藏底部选项卡导航

我的反应导航的结构是这样的:BottomTabNavigator => Navigator => Components

这是 App.js 的骨架。整个应用程序包含在底部选项卡导航中。

如您所见,在底部选项卡内,我有使用MyVeranda组件的屏幕名称“Main”。MyVeranda本身是一个堆栈导航器,它有 2 个屏幕组件:MyHomeBuyForm

MyVerandaMyHomeand的父级BuyForm,两者都只是两个简单的功能组件

我的问题是:导航到组件时如何隐藏根底部选项卡导航器BuyForm,而不是转到MyHome组件时?

根据这个问题的回答,我知道如果我把这条线navigation.setOptions({ tabBarVisible: false })放在MyVeranda组件中,我可以隐藏底部标签

MyHome但是,当我在两个BuyForm组件中时,这会完全隐藏底部选项卡。

打电话好像没什么navigation.setOptions({ tabBarVisible: false })BuyForm

所以我的猜测是我必须在活动屏幕何时调用navigation.setOptions({ tabBarVisible: false })内部,但我无法从堆栈导航器组件获取当前活动屏幕的正确语法?MyVerandaBuyForm

0 投票
1 回答
3881 浏览

react-native - 使用 react-navigation-tab 创建一个自定义的可滚动顶部标签栏?

我需要使用反应导航选项卡和 tabBarComponent 创建一个自定义的可滚动顶部选项卡栏,而不使用任何其他第三方库。

在这个带有标签栏的组件中,我可以创建顶部栏,但是在滑动屏幕时它不会滚动?

这是顶部标签栏组件代码?那么如何在屏幕滑动时使顶部选项卡自动滚动?

0 投票
1 回答
159 浏览

react-native - 为什么登录后我的 react-navigation 路由无法正常工作?

我有导航容器(创建于react-navigation

你怎么能看到我有单独的应用程序和登录模块。登录路由器:

应用程序的选项卡式路由器:

所以在登录屏幕上name="SignIn"我登录,navigation.navigate('Tabbed')成功登录后执行并收到消息:

他没有“看到”我的标签导航。为什么会这样(我有这样的屏幕名称并将其渲染),我该如何解决这个问题?

0 投票
6 回答
2702 浏览

react-native - 从底部选项卡导航中隐藏/删除图标或图标视图

我想从底部选项卡导航器中删除图标空间/视图。我试图通过删除 tabBarIcon 来删除图标,但它没有用。这是我尝试过的代码和收到的结果。它看起来不太好,标签不在中心。它们看起来好像已经低于可见屏幕。使用的代码:

结果:

在此处输入图像描述

我是 React-Native 的新手。请帮我。