直接在早已按下的按钮下创建按钮时被按下的按钮

时间:2019-05-15 14:21:40

标签: react-native button touchablehighlight

我有一个标记为BOOM的按钮(一个TouchableHighlight)和另一个标记为thinking的按钮。最初显示动臂按钮,长按则应由思考按钮代替。当按下思考按钮时,应再次用动臂按钮更换。我有以下代码:

{
this.state.thinking ?
    <TouchableHighlight onPress={this.thinkingOff} activeOpacity={0.9} underlayColor="#734F96" style={{borderRadius: 100}}>
        <View style={{...styles.sendButton, backgroundColor: '#e2b705'}}>
            <Text style={{fontSize: 9, color: 'white'}}>thinking</Text>
        </View>
    </TouchableHighlight>
:
    <TouchableHighlight onPress={this.send} onLongPress={this.thinkingOn} delayLongPress={300} activeOpacity={0.9} underlayColor="#e2b705" style={{borderRadius: 100}}>
        <View style={styles.sendButton}>
            <Text style={styles.buttonText}>BOOM</Text>
        </View>
    </TouchableHighlight>
}

以及方法thinkingOnthinkingOff只需切换状态thinking

问题是,当显示思维按钮并脱下手指(按住动臂按钮后)时,属于思维的onPress被激发了

1 个答案:

答案 0 :(得分:1)

您可以尝试onPressOutonPressIn