React Native:更改导航选项卡的颜色

文章/答案/技术大牛

发布

4回答

更改导航栏颜色

react-native、expo

我知道从API 21开始改变导航栏的颜色是可能的。我看过React Native的文档，但我找不到这样做的方法。我知道的唯一方法是创建一个本地模块，但这似乎不是一个好的解决方案，因为我使用的是Expo。有没有内置的方法可以做到这一点？

浏览 119提问于2017-08-29得票数 6

回答已采纳

2回答

TabNavigator只显示第一个选项卡

react-native、navigation、react-navigation、native-base、shoutem

我正在用RN开发一个新的应用程序，并使用react导航库中的TabNavigator，这是TabNavigator只显示第一个标签的最基本的例子。我在某个地方读到过，它可能是一个bug，可以通过将react降级来解决--导航到1.0.3，但它对我没有用。如何解决这个问题？';

浏览 2提问于2018-04-22得票数 1

回答已采纳

1回答

reactjs、react-native、react-navigation

在我的导航选项卡上，我想要更改标签的颜色+激活时图标的颜色，所以我所做的是创建一个if和else语句： <MealsFavTabNavigator.Screen} } })} 我的标签颜色也固定在导航器级别之上： import React</

浏览 42提问于2020-07-22得票数 0

回答已采纳

2回答

React Native选项卡视图:如何在更改选项卡时更改文本颜色

react-native

我正在使用react-native-community/react-native- tab -view，有没有什么方法可以在更改tab.Right时改变选项卡文本的颜色?现在它只是将文本颜色变亮，但想要将其更改为不同的颜色？

浏览 6提问于2017-05-05得票数 3

3回答

如何在bottomTabNavigayor中更改标签时重置堆栈？

react-native、react-navigation、react-navigation-stack、react-navigation-v5、react-navigation-bottom-tab

我的标签里有bottomTabNavigator，每个标签里面都有堆栈。每当我单击另一个选项卡时，我都想重置堆栈。选项卡导航器- - Screen 1 选项卡2- |_Stack导航器选项卡3- |_Stack导航器 - Screen

浏览 3提问于2020-04-07得票数 3

2回答

如何在react* native bottomTabNavigator中的每个选项卡内重置选项卡更改时的堆栈？*

react-native、react-native-android、react-navigation、react-navigation-v5、react-navigation-bottom-tab

我的标签里有bottomTabNavigator，每个标签里面都有堆栈。每当我单击另一个选项卡时，我都想重置堆栈。选项卡导航器- 选项卡1- |_Stack导航器 - Screen 1 - Screen 2 选项卡2- |_Stack导航器6 目前的情况是，。假设我在选项卡1上-我从屏幕1导航到屏幕2。然后我点击到Tab 2。现在，

浏览 16提问于2020-04-03得票数 0

回答已采纳

1回答

如何在React* Native上使用TabBarIOS更改背景颜色？*

javascript、ios、react-native

我尝试了许多不同的方法，但仍然不起作用。我使用了react-native-icons，它可以改变背景，但我找不到将图标更改为我自己的图像的方法……

浏览 6提问于2015-04-21得票数 1

2回答

在android react本机上更改导航栏颜色(仅在单个页面上，不能通过应用程序)

react-native、react-native-android

react- native -navigation- bar -color不适用于me.Any其他解决方案在react native中更改androi上的导航栏颜色？

浏览 0提问于2020-02-27得票数 0

1回答

如何将react本机顶部选项卡导航样式化为具有背景颜色和图标

react-native

我是react native的新手，在设置顶部选项卡导航的样式时遇到了一些困难如何将react本机顶部选项卡导航样式化为具有背景颜色和图标请参阅react原生中的代码到顶部选项卡导航我已经试过所有我知道的请参阅下面的代码 import "react-native-gesture

浏览 23提问于2021-10-19得票数 0

1回答

如何在底部导航中更改选定BottomNavigationTab的颜色( ui-kitten )

react-native-ui-kitten

<BottomNavigationTab title='More' icon={menuIcon}/> </Layout> 如何更改ui-kitten库中选定选项卡项和未选定选项卡项的图标颜色和文本颜色？"@eva-design/eva": "^1.4.0", "@react<

浏览 51提问于2020-03-30得票数 1

5回答

反应本机错误-反应-本机-xcode.sh:第45行:本机:命令未找到命令/bin/sh失败，退出代码127。

ios、node.js、xcode、react-native

在试图构建任何(新的或旧的)项目时，我会遇到此错误。我的节点在4.2.1版本上，react本机在0.1.7版本上。我看过其他有同样问题的人，所以我已经更新了react-原生于最新版本，但是我仍然不能通过xcode构建任何项目。

浏览 6提问于2015-11-11得票数 9

回答已采纳

1回答

使用react-native-tab-view固定功能执行卡片导航？

react-native、react-navigation、react-native-tab-view

我目前使用的是react导航和react-native-tab-view。如果我想要导航到另一个屏幕，但将选项卡视图保持在相同的位置，我该如何做？

浏览 28提问于2018-10-25得票数 1

1回答

反应-本机导航BottomTab风格

react-native、wix-react-native-navigation

问题描述设备信息(模拟器/设备？操作系统版本？

浏览 1提问于2020-09-20得票数 4

2回答

是否有任何方法在react本机中将屏幕重新呈现到底部选项卡nav v5？

reactjs、react-native、react-native-navigation

Hy，当我回到其他选项卡时，我第一次有问题要重新呈现屏幕时，我使用的是react本机底部选项卡导航。我尝试在isFocused中使用useEffect()，但它对我没有用。color} size={size} />; /> );每个Tab组件的内部都有一个堆栈有人告诉我如何重新修改底部的</e

浏览 4提问于2021-08-03得票数 0

回答已采纳

1回答

更改页面值时不更改内容的Nativebase选项卡

reactjs、react-native、react-navigation、native-base、mobx-react

在从另一个屏幕导航到选项卡时，我遇到了问题。当我在页面上单击选项卡时，内容会很好地切换，但是当我尝试在导航到该屏幕之前从另一个组件设置活动选项卡时，我将遇到进入指定选项卡的问题。然而，这并不有效，只是直接返回到默认选项卡(0)，然而，样式颜色指示符在正确的选项卡上，但内容是第一个选项卡的内容。{ScrollView} from 'react</e

浏览 0提问于2019-09-13得票数 0

回答已采纳

1回答

React本机可滚动选项卡视图:活动选项卡backgroundColor

react-native

我使用的是react-native-scrollable-tab-view ()。 tabBarUnderlineStyle={{ height: 50, > 但下划线覆盖了选项卡文本

浏览 9提问于2017-12-13得票数 2

回答已采纳

1回答

修改react本机底部选项卡导航器中的tabBarBadge颜色

react-native、react-navigation-bottom-tab

我有一个反应本地应用程序，使用createBottomTabNavigator进行导航。我为包含导航器的2个选项卡设置了自定义图标，并使用navigation.setOptions添加了徽章，如下所示：不幸的是，这似乎不起作用，我找不到任何具体的

浏览 0提问于2020-11-17得票数 2

回答已采纳

1回答

我想创建汉堡菜单，它将在右下角，反应导航，我正在使用createMaterialBottomTabNavigator没有成功

react-native、material-design、react-navigation

MaterialBottomTabNavigator不接受任何按钮，直到我设置了它的路由。我想要一个菜单，当我点击材料底部标签导航中的特定按钮时，该菜单从右下角位置弹出

浏览 1提问于2020-01-28得票数 0

1回答

从本机的高级组件导航到较低级别的导航器

react-native、react-navigation

目前，我正在开发一个react本地移动应用程序。我在App.js文件中有一个堆栈导航器。(堆栈1，堆栈2，堆栈3)。在堆栈1组件中，我有一个选项卡导航器。(表1，表2，表3)我的目标是使用App.js中的函数调用(App.js())导航选项卡1组件。任何在这项任务上的帮助都是非常感谢的。

浏览 8提问于2022-05-19得票数 0

2回答

不变违背:元素类型在createMaterialTopTabNavigator()/MaterialTopTabView呈现方法中无效，响应本地w/ React导航v5

javascript、react-native、react-navigation、react-navigation-v5

Connect.js:import { ... } from 'react-native';import * as React from 'react'; import { Text, View } from 'rea

浏览 6提问于2020-08-21得票数 2

回答已采纳

点击加载更多

更改导航栏颜色

TabNavigator只显示第一个选项卡