在react原生的IOS平台中，HeaderButton的颜色不会改变
在React原生的iOS平台中，HeaderButton的颜色不会改变的原因可能是由于以下几个方面：
- React Native版本问题：确保你使用的React Native版本是最新的，并且已经修复了可能存在的HeaderButton颜色不变的问题。可以通过升级React Native版本来解决该问题。
- 样式设置问题：检查你是否正确设置了HeaderButton的样式。在React Native中，可以使用StyleSheet来定义组件的样式。确保你正确设置了HeaderButton的颜色属性，并且没有被其他样式属性覆盖。
- 主题设置问题：如果你使用了自定义主题或者第三方UI库，可能存在主题设置导致HeaderButton颜色不变的问题。检查你的主题设置，确保没有覆盖HeaderButton的颜色属性。
- 平台差异问题：React Native在不同平台上可能存在一些差异。在iOS平台上，可能存在一些特定的问题导致HeaderButton颜色不变。可以尝试在Android平台上测试一下，看看是否存在相同的问题。
针对React Native中HeaderButton颜色不变的问题，腾讯云提供了一些相关产品和解决方案，可以帮助开发者更好地进行移动应用开发和云计算服务的集成：
- 腾讯云移动开发平台：提供了一站式的移动应用开发解决方案，包括移动应用开发框架、云存储、推送服务、移动分析等功能，可以帮助开发者快速构建高质量的移动应用。了解更多信息，请访问：腾讯云移动开发平台
- 腾讯云云服务器（CVM）：提供了可靠、安全、高性能的云服务器实例，可以满足各种规模的应用需求。开发者可以在云服务器上部署React Native应用，并进行调试和测试。了解更多信息，请访问：腾讯云云服务器
请注意，以上提到的腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和解决方案。
相关·内容
在我的导航选项卡上，我想要更改标签的颜色+激活时图标的颜色，所以我所做的是创建一个if和else语句： <MealsFavTabNavigator.Screen
name="Favorites"
component={FavoritesScreen}
options={({ route }) => ({
tabBarIcon: (tabInfo) => {
浏览 42提问于2020-07-22得票数 0
回答已采纳
我创建了一个drawerNavigator，现在我试图在标题中添加一个图标。问题是，当我添加HeaderButton时，会得到以下错误：
在navigationOptions中，我试图同时使用HeaderButton和CustomHeaderButton，但是它不起作用，我似乎无法解决这个问题。
这是我的密码：
HeaderButton.js
import React from "react";
import { HeaderButton } from "react-navigation-header-buttons";
import { Ionicons }
浏览 12提问于2021-03-08得票数 6
回答已采纳
2回答
在我的UserProductsScreen.js文件中，我传递了一个参数id，以便在我的导航中获取它：
const UserProductsScreen = props => {
const userProducts = useSelector(state => state.products.userProducts);
// Navigate to EditProduct
const editProductHandler = (id) => {
props.navigation.navigate('EditProdu
浏览 4提问于2020-08-12得票数 1
回答已采纳
嗨，我在我的标签导航器上工作，到目前为止一切都很好，直到我尝试通过添加图标和自定义颜色来定制标签导航器： import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { Ionicons } from '@expo/vector-icons';
import Cat
浏览 34提问于2020-07-22得票数 0
回答已采纳
图标不显示在HeaderButtons中。相反，仅显示为回退提供的文本。以下是我的组件代码： import React from "react";
import { Platform } from "react-native";
import { HeaderButton } from 'react-navigation-header-buttons';
import { Ionicons } from 'react-native-vector-icons';
import Colors from '../const
浏览 42提问于2021-09-06得票数 0
回答已采纳
1回答
因此，我以前曾问过这个问题，但我会把我的问题描述得更好，这样我就能找到解决办法。我正在使用@expo/vector-icons包。不幸的是，这些图标并没有以应有的方式显示出来。
首先，我将分享我的package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
浏览 3提问于2021-01-24得票数 0
我试图添加一个图标到headerRight使用反应导航标题-按钮库。但是图标的标题是显示而不是图标。
这是图标应该显示的代码。
import React, { useState, useLayoutEffect } from 'react';
import { View, Text, Button, StyleSheet } from 'react-native'
import { MEALS } from '../data/DummyData';
import { HeaderButtons, Item } from 'react-n
浏览 10提问于2020-04-12得票数 6
1回答
尝试为嵌套在底部选项卡导航器中的堆栈导航器呈现左上角的菜单图标。我使用react-navigation- header -buttons库来帮助格式化堆栈标题中的图标。基本上，显示的是项目组件“菜单”的标题，而不是我试图使用的图标。 //HomeScreenNavigator.js
import React from 'react';
import { createStackNavigator } from 'react-navigation-stack';
import { HeaderButtons, Item } from 'react-navi
浏览 19提问于2019-09-06得票数 1
回答已采纳
我正在学习一个react原生课程。我正在尝试创建一个iconName = "ios-menu“，但是当尝试打开它时它不工作，它告诉我"TypeError: navData.navigation.toggleDrawer不是一个函数”我找不到解决方案我想知道为什么会发生这种情况有人可以帮助我。 enter code here
import { HeaderButtons, Item } from 'react-navigation-header-buttons';
import { CATEGORIES } from '../data/dummy-da
浏览 8提问于2020-12-18得票数 0
我完全知道，使用createBottomTabNavigator会给你一个漂亮的iOS底部标签，没有背景色，而createMaterialBottomNavigator会给你一个背景色和安卓设备上不同的设置。 我的目标是在iOs设备上使用createBottomTabNavigator，然后在安卓设备上切换到createMaterialBottomNavigator，所有的设置都可以，比如设置activeTintColor颜色，每当你在安卓设备上切换屏幕时，都可以使用shifting: true模式。 所以我所做的就是使用平台API： const MealsFavTabNavigator =
浏览 40提问于2020-07-23得票数 1
回答已采纳
我正在开发React导航版本5。我试图通过我的MealsNavigator.js文件在左边显示我的抽屉。
代码如下：
const MealsNavigator = () => {
return (
<MealsNav.Navigator
mode="modal"
screenOptions={{
headerStyle: {
backgroundColor: Colors.primaryColor,
浏览 12提问于2020-07-30得票数 0
我想显示两个按钮上的headerRight导航选项，然而，反应-导航-标题-按钮似乎不允许多个标题按钮组件只使用一个。我想用一个组件管理一些状态，因为我在导航文件/钩子不工作，因为它不是一个功能组件。
：
这种方法显然无法工作：
headerRight: (
<HeaderButtons HeaderButtonComponent={SoundButton}>
<Item
title="Sound" //key
color="white"
/>
</HeaderButtons>
<HeaderBu
浏览 3提问于2019-10-24得票数 1
回答已采纳
我已经使用ReactNative创建了一个示例应用程序。我已经使用了ReactNative导航(堆栈导航)。它只有两个屏幕。主页和详细信息屏幕。我成功地实现了Stack导航。然而，我有问题添加一个标题的标题右边的标题按钮的图标。为了添加带有图标的标题按钮，我使用了一个名为HeaderButtons的第三方库。然而，当我渲染时，它只显示标题而不显示图标。请注意，我已经使用expo创建了reactnative项目和来自@expo/vector-icons的图标。
提前谢谢你，Yohan
//这是自定义头部组件
import React, { Component } from "react&
浏览 26提问于2020-05-27得票数 1
我正在使用react- navigation - header -buttons包在我的react本机应用程序中显示导航标题中的图标。我想在将项目添加到cart.How时显示购物车图标中的数字以显示购物车图标中的数字？
HeaderButton.js file
import React from 'react';
import { HeaderButton } from 'react-navigation-header-buttons';
import { FontAwesome5 } from '@expo/vector-icons';
c
浏览 2提问于2021-01-23得票数 0
环境
环境：
- OS: macOS High Sierra 10.13.1
- Node: 8.9.1
- Yarn: 0.17.10
- npm: 5.6.0
- Watchman: 4.7.0
- Xcode: Xcode 9.2 Build version 9C40b
- Android Studio: 2.3 AI-162.4069837
软件包：(已安装)
- react: 16.0.0
- react-native: 0.51.0
复制步骤
运行以下代码
import React, {Component} from 'react';
imp
浏览 7提问于2017-12-16得票数 14
1回答
我的回调一次又一次地返回相同的状态
我在react类中使用了应该更新的组件，并且可以解决这个问题。
但是在使用后的钩子里没有对角线
import React, {
useLayoutEffect,
useState,
useCallback,
useEffect,
} from "react";
import { StyleSheet, Text, View, Platform, YellowBox } from "react-native";
import { HeaderButtons, Item } from "react-navi
浏览 1提问于2020-05-10得票数 6
回答已采纳
我的标题右图标有问题。我希望我的标题栏上的右图标是一个搜索图标，而我得到的是图标的标题名称。my app 你知道我做错了什么吗？ 我遵循了教程：https://github.com/vonovak/react-navigation-header-buttons，请找到我的代码中应该呈现图标的部分。 ProductsOverviewScreen.navigationOptions={
headerTitle: 'All products',
headerRight : <HeaderButtons HeaderButtonCompoenent = {H
浏览 15提问于2020-04-09得票数 0
回答已采纳
我有一个购物车图标作为标题-右按钮，几乎所有的屏幕。我使用的是react-navigation5。我想从我的组件中更新该按钮的徽章计数。有没有可能在不使用redux或flux库的情况下实现它？下面是我的代码示例： route.js import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
浏览 9提问于2020-07-08得票数 0
1回答
我正在尝试构建一个react本机应用程序，用户可以在EditRoutine.js文件中添加一个例程或日常任务，它可以在RoutineOverviewScreen.js中看到，我正在使用redux存储这些数据，并使用钩子存储和获取数据。
下面是EditRoutine.js代码片段
import React, { useState, useEffect, useCallback } from "react";
import { View, StyleSheet, Text, TextInput, ScrollView } from "react-native";
i
浏览 2提问于2020-07-05得票数 0
回答已采纳
2回答
我想切换一个声音开关在我的反应本地博览应用程序，但它是产生声音重叠时，我多次点击开关&我不确定我是否需要设置状态音频？我似乎找不到任何好的例子- 不知道我做错了什么，新手对RN。
正如你所看到的，这是一个头部按钮，它必须在整个应用程序中工作，而不仅仅是一个屏幕。
这是我的零食-
import React, { useState } from "react";
import { HeaderButton } from "react-navigation-header-buttons";
import { Ionicons } from "@exp
浏览 3提问于2019-10-14得票数 3
回答已采纳
我在react原生测试中遇到了一些问题。我正在使用酶，我正试着点击一个可以打开抽屉的按钮。我也在使用react导航，但是当我尝试时，这个问题发生了： TypeError: navigation.openDrawer不是一个函数 const props = {
navigation: {
openDrawer: jest.fn(),
},
};
const wrapper = shallow(<HeaderButton {...props} />);
it('DrawerMenu is Called', () =>
浏览 6提问于2019-04-27得票数 0
回答已采纳
我有一个ShopNavigator.js文件，我在其中处理我所有的导航： import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { Platform } from 'react-native';
import ProductsOverviewScreen fro
浏览 28提问于2020-08-07得票数 1
回答已采纳
我正在开发一个应用程序，在这个应用程序中，我需要在一个对象中发送或设置一个特定的状态参数。
我的目标是它受人尊敬的状态：
const [isGlutenFree, setIsGlutenFree] = useState(false);
const [isLactoseFree, setisLactoseFree] = useState(false);
const [isVegan, setIsVegan] = useState(false);
const [isVegetarian, setIsVegetarian] = useState(false);
浏览 0提问于2020-08-01得票数 1
回答已采纳
我已经在我的项目中实现了以下代码！
UIImage *add_item_icon = [UIImage imageNamed:@"add_item_icon.png"];
UIImage *img = [UIImage imageNamed:@"add_button.png"];
if(headerButton != nil)
[headerButton release];
headerButton = [[UIButton alloc] init];
headerButton.frame = CGRectMake(0, 0, 320,
浏览 2提问于2009-10-06得票数 0
我正在我本地的El Capitan Mac OS X机器上运行一个原生反应应用程序。我正在尝试让它在iOS的模拟器中运行。
构建成功了，但我看到一个红色屏幕，上面写着:本机模块不能为空。
我在控制台中看到以下错误：
NotFoundError: Cannot find entry file global code@http://localhost:8081/index.ios.js in any of the roots: ["/Users/User/f8app"]
at DependencyGraph._getAbsolutePath (/Users/User/f8a
浏览 0提问于2016-08-20得票数 4
我刚接触react和react原生，并试图了解React组件的生命周期……我的屏幕上有四个开关。我尝试将开关的当前状态保存为对象(应用的过滤器)，然后将其传递给导航道具的参数，并在导航标题中保存按钮的onPress函数中访问它。 import React, { useState, useEffect, useCallback } from 'react';
import { View, Text, StyleSheet, Switch } from 'react-native';
import { HeaderButtons, Item } from '
浏览 79提问于2020-10-20得票数 0
1回答
我将状态钩子作为道具传递给我的组件，并且我的HeaderButton工作得非常好，但是当我尝试实现onPress时，我得到了一个错误："props.setActiveTab不是一个函数“。
import React from "react";
import { useState } from "react";
import { View, Text, TouchableOpacity } from "react-native";
export default function Header(props) {
const [activ
浏览 1提问于2021-09-23得票数 1
回答已采纳
我试图在底部的导航器标签项上使用新创建的导航器堆栈，这样我就可以使用它而不是常规的屏幕。 到目前为止，我创建了新的堆栈导航器： const FavoritesNav = () => {
return(
<FavoritesStack.Navigator
screenOptions={{
headerStyle: {
backgroundColor: Colors.primaryColor,
},
headerTintColor: '#fff
浏览 10提问于2020-07-24得票数 1
如何设置元素仅箭头的颜色样式？
"Background color“属性改变文本和箭头的颜色。我只想给箭头上色。
iOS上带有绿色背景箭头的选择元素示例
谢谢!
浏览 5提问于2011-09-02得票数 3
1回答
按钮颜色在悬停时不发生变化
、、、、
我希望按钮中的链接的颜色在悬停时是黄色的，但它似乎不起作用，因为在悬停时，文本仍然是白色的。
html：
<button class="headerbutton headerbutton-style">
<a href="#">Learn More</a>
</button>
css：
a, .headerbutton {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-tra
浏览 0提问于2016-03-31得票数 0
回答已采纳
我的问题很简单: navData的类型应该是什么？
我想从堆叠屏幕组件的标题中切换抽屉，但Typescript出现问题，因为navData.navigation上不存在toggleDrawer，因为这个组件是堆叠屏幕组件。我想避免使用navData: any，那么什么类型才是好的呢？
import React from "react";
import { View, Text, Platform } from "react-native";
import {
NavigationStackScreenComponent,
NavigationStackO
浏览 0提问于2020-03-19得票数 1
我将我所有的导航都放在一个navigation/MealsNavigator.js文件中： import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import CategoriesScreen from '../screens/CategoriesScreen';
impor
浏览 26提问于2020-07-21得票数 0
回答已采纳
我有一个像这样的自定义标题
import React from 'react';
import { View, TouchableOpacity, Text, StyleSheet, Image } from 'react-native';
import { Header, Left, Right, } from 'native-base';
import { Icon } from 'react-native-elements';
export default class MainHeader extends React.Co
浏览 2提问于2018-05-31得票数 1
回答已采纳
我试图更改标签栏的背景色仅在安卓中使用"react导航“。有可能吗？
我使用下面的tabBarOptions，但是它改变了iOS和安卓的背景色，但是我的要求是只在安卓中改变颜色，并且它应该是iOS中的默认颜色，
{ tabBarOptions：{ backgroundColor：‘2D61A9’，}}
提前谢谢。
浏览 5提问于2017-03-30得票数 0
1回答
我正在使用原生react创建一个简单的移动应用程序。这个项目在模拟器上运行得很好，直到我添加了redux。我正在使用redux进行登录和注销；它实际上只是一个缩减程序和操作文件，用于在登录时将authedUser设置为注册用户名，在注销时设置为null。如果我在web浏览器上运行它，它可以正常工作，但不能在ios/android模拟器上运行。当通过react-native run-android在模拟器上运行时，我得到了上面的错误。当通过expo运行它时，我得到:不变冲突：“main”尚未注册。here is a screenshot of the error完全迷失了方向。有什么建议吗？
浏览 17提问于2020-08-21得票数 1
如何避免这种警告？
我的应用程序正在工作，但它在终端中发出警告，如下所示
Compiled with warnings.
/home/karim/Desktop/React-Native/RN-Complete-Guide/node_modules/react-navigation-header-
buttons/src/overflowMenuPressHandlers.js
Attempted import error: 'ActionSheetIOS' is not exported from 'react-native-web/dist/index'.
浏览 2提问于2021-05-09得票数 6
1回答
正在努力处理与功能组件一起使用的react上下文。我觉得我在这里做了所有的事情，所以任何帮助都将不胜感激。 首先，我定义一个上下文(HeaderHoverContext.js) import React, { createContext, useState } from "react";
export const HeaderHoverContext = createContext();
export function HeaderHoverProvider(props) {
const [currentHover, setHover] = useState(fa
浏览 19提问于2021-04-26得票数 1
回答已采纳
我正在使用Gatsby.js创建一个网站。在我的组件中，我在useEffect函数中使用Gsap创建了动画。
在调试过程中，一切正常工作。在生产环境中，useEffect函数没有运行，接下来就是不显示动画。
我该怎么做？有什么想法吗？
感谢您的回答！
我的组件：
import React, { useRef, useEffect } from "react"
import styled from "styled-components"
import gsap from "gsap"
import WhatEver from "../../
浏览 15提问于2020-03-09得票数 6
1回答
Webview与混合应用程序
、、、、
我读了很多关于原生应用、混合应用、webviews的文章。我觉得“混合”和"webview“这两个词可以互换使用。 我在一些网站上读到webview基本上是一个本机应用程序，除非你有一个叫做"webview“的布局部分，它可以在上面加载网站或网站的部分。(安卓使用WebView类，ios使用WKWebView类) 然后还有其他文章解释混合应用程序“使用web技术，如webviews……”然后它继续说混合技术的例子有React Native，xamarin，flutter等。 我只是真的很困惑。当人们说他们的应用程序使用"Webviews“时，他们是指android和i
浏览 9提问于2020-03-24得票数 1
2回答
我正在尝试在按钮上设置标题的字体。我阅读了目标C中有关字体的Apples文档，并试图实现，但它没有改变字体。我也试过这个帖子..。。我的字体来自谷歌字体.“Nunito-Black.tff”
下面是我的代码，
- (void)addHeaderButton {
_headerButton = [UIButton buttonWithType:UIButtonTypeCustom];
self.headerButton.frame = self.bounds;
self.headerButton.contentHorizontalAlignment = UIContro
浏览 3提问于2017-07-26得票数 2
回答已采纳
我已经在IOS swift 3.0中使用Google Maps实现了direction API来查找从源到目的地的路径。
我想用Polyline笔划颜色将交通数据显示为不同颜色的交通方向路线。但是我不能显示不同颜色的路线作为交通数据的颜色。
这是我的输出。
我想像这样展示。
浏览 19提问于2017-06-16得票数 1
我使用react native已经有几个月了。然而，我真的不知道启动命令之间的区别。目前，我在我的项目中使用npm。然而，我知道纱线是可以使用的。这些命令我真的不明白它们之间的区别： exp开始，exp ios，exp android react-native run-ios，react-native run-android npm start、npm ios、npm android 在什么情况下哪种方法更好?为什么？目前，我使用的是exp，但其他人使用的是react-native run-ios。我曾经使用npm ios。 提前谢谢你。
浏览 39提问于2018-12-18得票数 4
回答已采纳
我在学习反应。我正在创建一个自定义按钮元素，并且我的Css没有应用到按钮元素。我做错了什么？
Header.JS
import React from "react";
import Button from "../UI/Button"
import classes from "./Header.css"
const Header = () => {
const loginHandler = () => {};
return <React.Fragment>
<div className="header
浏览 8提问于2021-12-23得票数 1
回答已采纳
我有来自“react-native”的Picker。Picker.Item有：“星期一，星期二，星期三等等”。我想设置文本属性。比如fontSize:20，color:"red“等。
在Picker组件中我们可以使用style。但是在那里我不能改变文本的属性。我也尝试使用颜色{{ItemStyle=：“red”}}。但是什么都没有改变
<Picker
style={{ flex: 1 }}
selectedValue={this.props.shift}
onValueChange={value =>
浏览 10提问于2019-07-24得票数 0
回答已采纳
我想知道是否有一种方法可以在不重新启动设备或模拟器的情况下查看iOS应用程序中的UI更改。我知道在react原生中，因为他们使用Javascript，所以你可以更改视图的背景颜色，背景将反映这种更改，而不必重新启动模拟器。所以我在想，既然react native只是将javascript转换成本机应用程序代码，这在native Development中是可能的吗？是的不是，也许吧？
浏览 5提问于2020-05-14得票数 0
回答已采纳
3回答
我有一个使用expo init生成的React-Native项目。这不会给你一个像create-react-native-app一样的ios/android文件夹。
我安装了这个包：
在尝试使用react-native link时，我得到以下错误：
Checking Podfile in iOS project (/Users/<path>/ios/Podfile)
Adding Podfile to iOS project
node_modules/react-native-google-place-picker/bin/cocoapods.sh: line 38: cd: io
浏览 1提问于2018-11-04得票数 1
1回答
我正在开发一个原生的react应用。我正在尝试从本机代码向我的react本机代码发出事件。这在Android上是有效的，但在iOS上却很困难。 我成功地监听了我的原生Android代码发送的事件。然而，当在iOS上运行时，同样的事件并没有被我的react原生应用程序“拾取”，并试图找出原因。 我有连接到MQTT代理的代码。代码是为iOS和安卓原生编写的。在连接过程中，我将连接状态从我的本机代码发送到react-native。这在Android上运行得很好。使用reactContext.getJSModule(DeviceEventManagerModule.RCTDeviceEventEmi
浏览 75提问于2019-03-29得票数 1
我在react原生方面相对较新。
我可以很容易地显示按钮(带阴影等)，就像这里一样。
<Button
mode="contained"
color={'#f08e25'}
contentStyle={{ height: 44 }}
onPress={this.onPressSubmit}
theme={theme} >SUBMIT </Button>
我也指的是这份文件。
问题是如果模式是“包含的”，我不能改变文本颜色。我尝试在contentStyle或主题，它不工作。如果mode是"contained“，
浏览 77提问于2019-10-23得票数 2
问题描述
生成项目时的错误日志如下所示。
节点/Users/niyao/Company/Projects/EVE/EVERN/node_modules/react-native/local-cli/cli.js包-入口文件index.ios.js -平台ios -dev错误-重置缓存-包-输出/Users/niyao/Library/Developer/Xcode/DerivedData/EVE-bzggtbnrxixkvwgqyewmpxepvljo/Build/Products/Release-iphonesimulator/EVE.app/main.jsbundle -资产-dest
浏览 3提问于2016-09-01得票数 1
我是新来的-土生土长。在这里，我试图在headerRight上添加两个按钮。我确实添加了一个按钮，但我不知道如何放置多个按钮。就像这样。
我正在使用react-navigaiton和react-navigation-header-buttons。
我就是这样加了一个按钮的。
mainScreen
headerRight: (
<HeaderButtons HeaderButtonComponent={CustomHeaderButton}>
<Item
title={
浏览 2提问于2019-09-11得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
