单击时更改可触摸不透明度内的文本

Question

我想在按下事件时将可触摸不透明度内的文本更改为另一个文本。下面是我的代码

<TouchableOpacity
        disabled={this.state.ButtonStateHolder}
        onPress={this.onPressConfirm}
        style={styles.button}
      >
        <View
          style={[
            styles.button1,
            {
              backgroundColor: this.state.ButtonStateHolder
                ? "#607D8B"
                : "#8c0d04"
            }
          ]}
        >
          <Text style={styles.buttontext}>Confirm</Text>
        </View>
      </TouchableOpacity>

在这里，我想将文本确认更改为在新闻发布会上停放。我该怎么做

Answer 1

您必须将状态文本初始化为 'Confirm'。而 TouchableOpacity 将是这样的：

<TouchableOpacity
    disabled={this.state.ButtonStateHolder}
    onPress={() => {this.setState({text: 'Parked'})}}
    style={styles.button}
>
    <View
        style={[
            styles.button1,
            {
                backgroundColor: this.state.ButtonStateHolder
                    ? "#8c0d0488"
                    : "#8c0d04ff"
            }
        ]}
    >
        <Text style={styles.buttontext}>{this.state.text}</Text>
    </View>
</TouchableOpacity>

单击时更改可触摸不透明度内的文本

Change text inside touchable opacity on click

text

react-native

touchableopacity