React Native动态更改视图的背景颜色

javascript、react-native

我正在尝试制作一个应用程序，每当你点击屏幕时，背景颜色都会改变。我让点击事件正常工作，但是我不知道如何改变背景颜色。下面是我现在的代码：import { StyleSheet, View,} from 'react-n

浏览 2提问于2017-02-02得票数 10

回答已采纳

3回答

React-Native中的线性渐变背景色

react-native

在我的应用程序中，我需要动态更改背景颜色。更改通过回调从子视图到父视图。目前它看起来是这样的：onButton1Press() {}myCallback = (dataFromChild我找到了一个库，它在其他视图上工作得很好，比如按钮，但我不能将它设

浏览 70提问于2018-08-27得票数 6

回答已采纳

3回答

在react* native中，如何在Android上更改根视图背景颜色？*

react-native、react-native-android

我在网上读了几个教程，但大多数关于iOS的讨论或一些关于安卓的讨论，但使用旧版本的react，现在一切都改变了。，只有一种方法protected String getMainComponentName() {} <s

浏览 0提问于2017-07-19得票数 4

1回答

它们是否等同于用于原生iOS模拟器开发的react原生“热重新加载”？

ios、swift、react-native、ios-simulator、hot-reload

我想知道是否有一种方法可以在不重新启动设备或模拟器的情况下查看iOS应用程序中的UI更改。我知道在react原生中，因为他们使用Javascript，所以你可以更改视图的背景颜色，背景将反映这种更改，而不必重新启动模拟器。所以我在想，既然react native只是将javascript转换成本机应用程序代码，这在native Developme

浏览 5提问于2020-05-14得票数 0

回答已采纳

2回答

React-本机justifyContent不工作

css、react-native

flexDirection: 'column', } export default Application; 我所要做的就是(垂直地)将内容移到屏幕的中心。我已经发布了该图片的链接。https://1drv.ms/u/s!Agwl3ZPMPDkwg_V0EB-4u-njSFZaKg

浏览 8提问于2019-03-18得票数 3

回答已采纳

4回答

更改导航栏颜色

react-native、expo

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

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

回答已采纳

4回答

如何在单击按钮时更改背景颜色

javascript、reactjs、react-native

我刚接触react native，我有一个简单的app.js文件 import { StatusBar } from 'expo-status-bar';import { Button, View } from 'react-native'; return ( <View&

浏览 64提问于2021-04-02得票数 0

回答已采纳

1回答

如何改变背景颜色(安全视图)与反应本机元素的主题属性？

react-native、react-native-elements

我正在尝试更新光和暗主题颜色()，以具有特定的背景颜色(见主题对象- )。然而，这似乎不起作用(安全视图和其余的屏幕仍然是白色的，当模式是黑暗-一切都应该是#121212)。当我将“模式:黑暗”更改为“模式:白色”(第二个图像)时，按钮会改变颜色，反之亦然。既然我是新手，我肯定我错过了什么，但我想不出是什么。简单地说，-我希望背景颜色来自主题‘背景’属性.Button, Them

浏览 24提问于2022-04-04得票数 1

6回答

backgroundColor在视图上不起作用

react-native

我正在尝试设置视图的背景色。我把所有东西都放在这里了： import { View, StyleSheet, Text } from 'react-native, backgroundColor: 'rgba(79, 81, 140, 1.0

浏览 2提问于2017-04-19得票数 6

2回答

如何使导航栏(标题)的颜色与反应导航中的正文相同？

react-native、react-navigation

我是React Native的新手，我想知道是否有一种方法可以让导航栏的背景颜色与正文的背景颜色相同？我知道以下通过硬编码一个值来改变背景颜色的方法，但是有没有一种方法可以访问主体的背景颜色，然后设置导航标题的背景颜色呢？在backgroundColor设置中，我如何才能将其

浏览 49提问于2019-01-12得票数 0

2回答

组件中未应用样式对象

javascript、react-native

我有这个组件 import React from 'react';import { View, StyleSheet, TouchableOpacity} from 'react-native'; container: { display: 'flex',PropTypes.s

浏览 28提问于2021-02-09得票数 0

回答已采纳

1回答

如何在React-native-picker中更改下拉菜单的背景颜色，但无法更改(当前显示为灰色)。那我该怎么做呢？

react-native、react-native-android、react-native-picker

我无法在react-native-picker中更改dropdown的背景颜色，它当前显示为灰色。我正在使用https://www.npmjs.com/package/@react-native-picker/picker

浏览 70提问于2021-05-04得票数 1

1回答

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

javascript、ios、react-native

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

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

2回答

如何更改整个页面的背景？

css、react-native

所以我使用的是React本机，而且我的大部分页面都有问题，我似乎无法将所有元素的整个背景色更改为统一的颜色。即：import { View, Text, FlatList, ActivityIndicator } from"react-native"; im

浏览 3提问于2018-06-12得票数 1

回答已采纳

1回答

如何更改下拉箭头的背景颜色- react-native-material- dropdown -v2-fixed

javascript、react-native、npm

我使用react-native-material-dropdown-v2-fixed。我想改变下拉箭头的背景。我怎么改变它的颜色呢？目前它是深灰色的。 ? 目前，我不得不将React Native lib从0.59.9更改为0.63.4，更改后背景颜色也更改了。package.json "react-na

浏览 21提问于2021-04-27得票数 1

2回答

React原生TextInput背景色在设置为透明颜色时看起来是双层的

ios、react-native

我有一个backgroundColor为'rgba(255,255,255,0.16)'的TextInput，如下所示：import * as React from 'react';import { TextInput, View, StyleSheet } from 'react-native'; export default class App extends React.Compon

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

1回答

按钮背景颜色更改

react-native、plugins、react-native-android、react-native-ios、touchableopacity

我试图使用插件创建一个具有自动填充功能的动态口令屏幕。一切正常，但是当我试图在这个OTPInputs组件下面添加任何按钮时，按钮的背景颜色变成了灰色。import React, {useEffect, useState, useRef, useCallback} from 'react'; View, StyleSheet,} from 'react

浏览 30提问于2021-02-24得票数 0

1回答

设置day容器背景的样式

react-native、react-native-calendars

有没有办法用react-native-calendars来样式化day标题容器的背景？我已经检查了样式表，除了更改整个背景的颜色之外，我找不到任何可以更改颜色的方法，这是我不想做的。

浏览 9提问于2020-06-22得票数 0

1回答

使用React* Hooks动态更新颜色？*

reactjs、three.js、react-hooks

我正在尝试使用一个名为'react-colorful‘的npm包来动态更新场景背景。到目前为止，它工作得很好，使用console.log()调试颜色选择器会返回所需的颜色，但是当我使用React中的钩子更改颜色选择器时，Three.js似乎没有更新它。因此，我的目标是在使用颜色选择器时动态更新scene.background颜色

浏览 34提问于2021-05-21得票数 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

React Native动态更改视图的背景颜色

相关·内容

如何在React native中更改WebView的背景色？