Кнопка нажимается, когда создается непосредственно под уже давно нажатой кнопкой

Question

У меня есть кнопка (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 принадлежащая мышлению

Answer 1

Вы можете попробовать onPressOut или onPressIn.