标签[react-navigation-bottom-tab]

如何删除活动图标背景颜色（此处为紫色）？反应底部标签导航 - how to remove the active icon background color (the purple tint here)? react bottom tab navigation

底部栏底部栏代码截图试过 tabBarOptions、activeTintColor。 ...

React Navigation Nested Tab.Navigator - 不在选项卡中显示 InitialRoute - React Navigation Nested Tab.Navigator - Show InitialRoute not in Tabs

在我的应用程序中使用 React-Navigation，我希望 initialRoute 成为显示 BottomTabNavigator 的“Home”组件。但我不希望 Home 成为选项卡之一。添加 initialRouteName="Home" 会将 Home 显示为初始路由，但不会显示选 ...

当我尝试将 svg 文件导入组件时，为什么会出现“元素类型无效：应为字符串或类/函数但得到：数字”？ - Why am I getting 'Element type is invalid: expected a string or a class/function but got: number' when I try and import an svg file into a component?

当我将 svg 文件导入我的 BottomTabNavigator 时，出现以下渲染错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件）但得到：数字。我如何摆脱这个错误？我已经安装了 react-native-svg 和 react-native-svg-transfor ...

背景和组件位于 React Native 的底部栏后面 - Background and components stay behind bottom bar in React Native

在 React Native 中，具有虚拟导航键的设备没有任何问题，而在具有手动键的手机（例如三星 A5）上，背景和组件位于底栏后面。当我将 flex:1 或 height:heightPercentageToDP(100) 提供给我的视图时，我遇到了同样的问题。我该如何解决？如果你能帮助我， ...

React 本机底部选项卡 tabBardBadge 不起作用 - React native bottom tabs tabBardBadge does not work

我想在 React Native 的标签栏上放一个徽章头，但它不起作用。下面是我的代码示例：这些是我的模块版本：这是我的代码： <Tab.Screen name={'ApprovalTab'} component={ApprovalS ...

React Bottom Tab Navigation - 更改屏幕中的标题而不更改选项卡中的标题 - React Bottom Tab Navigation - Change the title in the screen without changing the title in the tab

我可以动态更改 Header 标题，但这也会更改选项卡中的标题。如何在不影响选项卡标题的情况下更改屏幕上的标题？这是我的导航器—— 这就是我动态更改屏幕组件中的标题的方式 - ...

从 Bottom Tabs Navigation React Navigation Native 中删除顶部的标题 - Remove title at the top from Bottom Tabs Navigation React Navigation Native

我如何从屏幕上删除它，我正在使用 Bottom Tabs 并且它会自动显示 ...

在 React Navigation 6 的特定屏幕上隐藏自定义标签栏 - Hide Custom Tab Bar On A Specific Screen In React Navigation 6

我正在编写一个带有 react-navigation 6 的本机应用程序，它具有自定义选项卡导航，其中每个选项卡都有多个堆栈。使用堆栈作为选项卡的自定义底部选项卡：演讲者导航器：自定义选项卡：问题：我想在发送消息屏幕上隐藏<CustomTab />因为它是一个聊天屏幕。已经尝 ...

2023年如何设置Tab.Navigator的背景色？ - How to set the background color of Tab.Navigator in 2023?

下面的代码用于底部选项卡导航器，我如何更改它的颜色。我尝试了很多事情，比如使用样式选项更改背景颜色尝试了屏幕选项颜色但它不起作用我什至 activetint 颜色和其他但它只是图标和所有：如果有人可以帮助我，我将不胜感激 :) 这是我试过的 ...

在本机抽屉导航中的底部选项卡导航中的特定屏幕中关闭抽屉 header - Turning off the drawer header in a specific screen in bottom tab navigation in drawer navigation in react native

我有一个很大的问题，我在一个应用程序中使用两个导航，第一个是抽屉导航器，这就是我使用抽屉导航器的方式： <Drawer.Navigator screenOptions={{ drawerStyle: { backgroundColor: 'wh ...

底部选项卡导航给出的结果与文档中的结果不同 - bottom tab navigation gives a different result than in the doc

根据这个文档的例子给出了这个结果：为什么我总是得到这个结果，代码完全相同：水龙头上的突出显示也不起作用。我检查了所有依赖项和所有内容，它没有改变。提示：我得到的结果与此文档显示的结果相同，为什么不同？这是我的依赖项： ...

React 组件保留之前的 state - React component retains previous state

我学习React和React Native还不到一周，所以有些概念我还在学习中。下面的代码是第一次尝试通过底部选项卡导航器对应用程序进行导航，更具体地说是使用@react-navigation/material-bottom-tabs和react-native-paper 。有 3 个屏幕，分 ...

反应导航底部标签不显示 - React navigation bottom tabs not showing

我有一个简单的 App.js 呈现 3 个屏幕 Login.js Register.js 和 Index.js 当用户登录时他应该看到一个带有两个选项卡的屏幕，这些选项卡没有显示。应用程序.js 索引.js Home 和 Profile 是返回文本的简单组件，Home.js 首先呈现但底部导航栏 ...

React-Native 中选项卡外的独立堆栈导航和抽屉导航 - Independent stack navigation outside tab and drawer navigation in React-Native

我用反应本机：0.68.2 反应导航/底部标签：6.3.1 反应导航/抽屉：6.4.1 反应导航/本机：6.0.10 反应导航/堆栈：6.2.1 我有下一个导航结构：它看起来像主屏幕左侧和底部选项卡中的抽屉滑动菜单。你可以通过下一个链接看到它的短视频我想要什么我想从 Screen1 打开新屏幕， ...

向 react-native bottomTabNavigator 添加填充 - Adding padding to react-native bottomTabNavigator

我想弄清楚如何在我的本机反应应用程序中的底部选项卡导航器周围添加一些顶部和底部填充。到目前为止，我所做的任何更改都没有效果。例如，我尝试在screenOptions padding: 20添加到我的style中，但这没有任何区别。这是我的相关代码： ...

React Native 如何在底部选项卡导航器上方显示元素 - React Native How to show an element above bottom tab navigator

我正在尝试在底部选项卡导航器上方显示一个媒体播放器，就像在 spotify 应用程序中一样。它应该在所有屏幕（底部选项卡）中保持相同的状态。在 React native 中实现这个的任何建议或方法？ ...

每当我试图导航到另一个页面时，react-navigation 都会将我推送到上一页 - whenever I am trying to navigate to another page, react-navigation is pushing me to the previous page

我发现使用 react-native-navigation 导航到另一个页面很困难，我正在寻找的工作流程是 A -> B 然后当我按下 B 中的任何按钮时应该转到 A，每当我单击按钮时会发生什么A 它要去 B 但没有点击任何按钮它再次将我重定向到 A，同样的问题也发生在底部选项卡导航器中。这 ...

react-native bottom tabs does not apper 如何在我使用 TabsNavigator 和 Stack.Navigator togather 时解决这个问题 - react-native bottom tabs does not apper How can I fix that while I use TabsNavigator and Stack.Navigator togather

我想将选项卡与 TabsNavigator 一起使用，但它不起作用。除了标题 Main 之外，屏幕上没有显示任何底部选项卡。当我使用时；它有效，但我想使用 TabsNavigator 我怎么能那样运行 in that part I want to control my tabs with ta ...

如何在底部标签导航中添加顶部标签 - How to Add Top Tabs inside the bottom tab navigation

嗨，我想在底部标签页中添加顶部标签所以我想要屏幕，而不是底部标签 header，我想显示可以移动到另一个屏幕的顶部标签，这是我的零食代码屏幕： https://snack.expo.dev/@aza1200/material-top-tabs-navigator-%7C-react-navigat ...

在嵌套的 Stack Navigator 中的 BottomTabBar 中导航会导致比以前更多的渲染 - Navigating in BottomTabBar within nested Stack Navigator causes more renders than previous

我有一个底部标签栏，有一个屏幕，我需要从标签中“隐藏”（例如，没有显示标签）。所以我创建了一个 Native Stack 并将该堆栈的初始屏幕设置为底部选项卡堆栈。但是 - 当我使用底部选项卡导航时，出现此错误：我没有看到任何真正有助于故障排除的内容。如果我从嵌套导航器中取出底部选项卡导航， ...