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

时间:2019-02-13 05:39:57

标签: react-native text touchableopacity

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

<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>

在这里,我想将文本更改为“在新闻发布时停放”。我该怎么做

1 个答案:

答案 0 :(得分: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>