React native 使用onPress on React Native更改文本颜色

我的视野中有3个可触摸的亮点。所有的文字颜色都是白色。我想当我按下其中一个按钮时，文本颜色将变为绿色。但当我按下按钮时，按钮中的所有文本颜色将变为绿色。请帮助我。

请尝试此功能，您可以在构造函数中将默认颜色初始化为白色，其他按钮请按此操作，希望这能有所帮助

<TouchableHighLight style = {{height: 20, width:20}} onPress = {()=> this.setState(colorCode: 'green')}>
<Text>{this.state.colorCode}</Text>
</TouchableHighLight>

this.setState（颜色代码：“绿色”）}>
{this.state.colorCode}

您必须使用style属性来更改文本的颜色。像这样

style={{color:this.state.colorCode}

_onPressIn = () => {
    this.setState({
        textColor: 'green'
    });
}

_onPressOut = () => {
    this.setState({
        textColor: 'white'
    });
}

也可以使用不带状态的默认值

style={color:this.state.colorCode | |“您的默认颜色”}

这是我的代码：

_onPressIn = () => {
    this.setState({
        textColor: 'green'
    });
}

_onPressOut = () => {
    this.setState({
        textColor: 'white'
    });
}

此.state={ textColor:“白色” }

_onPressIn = () => {
    this.setState({
        textColor: 'green'
    });
}

_onPressOut = () => {
    this.setState({
        textColor: 'white'
    });
}

登录

---

我有三个这样的按钮，我想当我点击其中一个按钮时，只改变文本颜色，另一个文本按钮不改变。在这种情况下，我建议使用可按API及其子项属性

      <Pressable
        children={({ pressed }) => (
          <Text style={{ color: pressed ? '#FF9E00' : '#222'}}>
            text
          </Text>
        )}/>

(
文本
)}/>

---

这样，当单击一个项目时，只有该项目会更改颜色。

您的意思是“您按下的按钮会更改为绿色文本，而不是所有按钮都会更改为绿色文本”？你能更清楚地告诉我吗？谢谢你应该把你的代码和问题一起分享，这样大家就可以帮助你了。@TungDuong是的，就是这样。只是文字颜色和按钮改变你我用它，但当我有三个按钮，我只想一个按钮改变文字颜色，当我按下它