React Native:使用TouchableOpacity onPress()更改组件颜色

文章/答案/技术大牛

发布

3回答

React本机中的自定义按钮组件不接受道具

javascript、android、react-native、react-props

我做了一个自定义按钮(组件)在react本机中使用它在整个应用程序中使用所需的参数值(颜色、标题、onPress函数等)，但它不接受这些值，我继续调用import React from'react';export const CustomButton = ({btnTitle

浏览 2提问于2019-01-27得票数 2

回答已采纳

1回答

我的问题是，我想要更改头像的颜色，我使用的是嵌套在堆栈导航器中的DrawNavigation，所以当我点击DrawNavigation中的“配置文件”选项时，它会转到配置文件屏幕，在那里我可以看到几个不同颜色的按钮，如果我点击其中一个按钮，头像将相对于按钮的颜色改变颜色，但头像的颜色不会改变。} from "react-native" import {DrawerContentScrollView, DrawerI

浏览 16提问于2020-12-22得票数 0

回答已采纳

2回答

React Native -按下时更改图标颜色

android、reactjs、react-native

当“检查”图标被按下时，我希望它的颜色从默认的红色变为绿色。在我的例子中，虽然我有另一个用于onpress的函数，但我使用了这个条件颜色语句我为onpress调用此函数 if (this.state.status !{ status: 'completed'

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

1回答

如何在react-native-copilot中的Copilot步骤中传递已经实现的组件

react-native

我正在尝试使用react native copilot为我的应用程序构建一个导览而且我不知道如何使用本教程中提到的its CopilotSteps中已经构建的组件。CopilotStep>D:\My Work\Company Projects\Ongoing\ZappyFoods\Mobile App\zappy

浏览 25提问于2018-09-10得票数 2

1回答

我们如何使可选择的touchableOpectiy或视图在反应本机

javascript、reactjs、react-native

浏览 8提问于2021-05-06得票数 0

1回答

react原生中同一页面内的链接

react-native

大家好，我想找一个反应原生代码，它相当于下面的html代码： <a href="#Ducks">Ducks Section</a> <br> <p name="Ducks">this is about ducks</p>

浏览 21提问于2020-11-09得票数 0

8回答

如何在滚动时禁用TouchableOpacity的高亮效果？

react-native、scrollview、touchableopacity

<TouchableOpacity style={{ flex: 1 }} > source={require('../..].name}</H3> </View></TouchableOpacity>

浏览 8提问于2018-09-20得票数 28

2回答

为什么按下/ underlayColor启动TouchableHighlight？

react-native

function ProductButton(props) { <TouchableHighlight onPress

浏览 5提问于2019-07-05得票数 0

3回答

如何更改本机按钮的颜色和按钮文本按钮

javascript、reactjs、react-native

如何改变按钮的颜色和按钮文本按钮在反应本机？我没有给我的发送按钮添加任何颜色，但是它的颜色仍然是蓝色的，我希望蓝色变成白色，发送文本的颜色变成蓝色，我怎么能做到呢？ import React, { useState } from 'react'; import { Text, View, StyleSheet, SafeAreaView, TextInput, Button } from 'react-native</

浏览 2提问于2022-08-14得票数 0

回答已采纳

8回答

响应本地可触摸高亮和可触摸本地反馈，以使我的菜单项

react-native

那么，我怎样才能最好地处理我的MenuItem组件，这样它就可以同时处理安卓和IOS了？到目前为止，我不知道如何处理特定于平台的可触摸的内容：import { TouchableHighlight, TouchableNativeFeedback, Platform, View, Text } from 'react-native'; export clas

浏览 0提问于2016-10-14得票数 12

回答已采纳

1回答

如何为自定义组件的两个不同导入设置不同的文本颜色

javascript、reactjs、react-native

我有一个问题，改变一些特定进口的自定义组件的文本颜色。import { StyleSheet, Text, TouchableOpacity } from 'react</

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

回答已采纳

1回答

react-native

我正在做一个待办事项列表，显示在一个页面上，用户可以点击一个图标来将任务标记为完成，其中相应任务的背景颜色会发生变化。我遇到的问题是，我重用了“task”组件，并且不能指定哪个组件的背景应该改变颜色。因此，单击任何图标都只会更改一个组件的背景色。backgroundColor: goalColour}, styles.goal]}> <

浏览 17提问于2020-05-26得票数 0

3回答

如何在React* Native中更改按钮fontSize？*

react-native、react-native-paper

如何更改以下按钮的字体大小？将样式属性与fontSize一起使用不起作用。

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

2回答

单击TouchableOpacity更改文本的颜色

javascript、css、reactjs、react-native

我新编码，新的反应，我试图改变我的文本颜色(并再次点击，以改变原版)的点击。function lastTouches() { return ( <Box> <Text> </Text> </Touch

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

回答已采纳

1回答

带有图像的可重用按钮

react-native

所以我是一个新的反应原生和javascript的人，我想用图像做一个可重用的按钮，我找到了这个代码 import React from 'react'; <TouchableOpacity <em

浏览 7提问于2019-04-16得票数 0

回答已采纳

1回答

如何应用从道具到样式的值？

react-native、react-native-stylesheet、react-native-component

我创建了一个自定义组件：import {View, StyleSheet, TouchableOpacity} from 'react-native'; return ( <TouchableOpacity onPr

浏览 8提问于2020-07-29得票数 0

回答已采纳

14回答

如何在中显示超链接？

javascript、react-native

如何在中显示超链接？<a href="https://google.com>Google</a>

浏览 14提问于2015-05-29得票数 185

回答已采纳

2回答

在使用react-native-svg的iOS上，onPress不能在SVG路径上工作

react-native、svg、react-native-ios、react-native-svg

在安卓系统中，当我按下弧线上的任意位置时，onPress总是被正确调用，但在iOS上，onPress有时会被调用，但有时却不会被调用。此外，没有任何定位元素(绝对/相对定位)与弧线重叠。this.pathRef = ref} stroke='rgba(214,51,51,.2)' onPress我还在react-native-svg包中记录了

浏览 51提问于2020-01-24得票数 4

6回答

更改React* Native上的按钮字体大小*

reactjs、react-native、button、react-navigation

我试图在我的react原生应用程序上更改Button字体大小，但我得到了一个错误。有没有人知道该怎么做？谢谢。

浏览 1提问于2018-04-27得票数 15

4回答

在扁平列表中单击listener

react-native、react-native-flatlist

={styles.list}renderItem={this.renderItem}}更新1:我使用了按钮然而，只使用按钮而不是Flatlist，它是有效的。为什么它在Flatlist renderItem中不起作用？index}){ <Button title = "Button&quo

浏览 1提问于2017-06-18得票数 24

回答已采纳

点击加载更多

React本机中的自定义按钮组件不接受道具

如何在React Native中更新组件？

React Native -按下时更改图标颜色

如何在react-native-copilot中的Copilot步骤中传递已经实现的组件

我们如何使可选择的touchableOpectiy或视图在反应本机

react原生中同一页面内的链接

如何在滚动时禁用TouchableOpacity的高亮效果？

为什么按下/ underlayColor启动TouchableHighlight？

如何更改本机按钮的颜色和按钮文本按钮

响应本地可触摸高亮和可触摸本地反馈，以使我的菜单项

如何为自定义组件的两个不同导入设置不同的文本颜色