Javascript 我必须创建一个按钮来改变React原生应用程序中文本对象的样式

我有一个按钮，可以改变文本对象的文本值，但我也必须改变对象的样式

this.state = { 
    login_title: 'Initial Value',
    isButtonPressed: true,
  };
      

  this.onPressButton= this.onPressButton.bind(this);
}
 onPressButton() {
    this.setState({
        isButtonPressed : !this.state.isButtonPressed,
        
        login_title : (this.state.isButtonPressed) ? 'Second Value' : 'Intial Value',
    })
}

更改值

{this.state.textValue}

在

小部件中，您可以有条件地定义样式：

<Text style={this.state.isButtonPressed ? styles.style1 : styles.style2}>
  {this.state.textValue}
</Text>

{this.state.textValue}

---

当然，这意味着您需要定义样式1和样式2。

好的，您面临什么问题或错误？正如您所知，在异步过程中设置状态，并且您正在同时进行这两项工作，您应该在setState中使用callback，然后检查isButtonPressed的状态并设置login_title的状态非常感谢。它工作得很好。我已经为这项任务伤了脑筋。

        <Text>{this.state.textValue}</Text>

<Text style={this.state.isButtonPressed ? styles.style1 : styles.style2}>
  {this.state.textValue}
</Text>