我有一个标记为按钮(一个 TouchableHighlight)BOOM
和另一个标记为 的按钮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>
}
和方法thinkingOn
,thinkingOff
只需切换状态thinking
。
问题是当思考按钮被显示并且我松开手指时(按住动臂按钮后),onPress
思考的归属被解雇了