Closed
Description
Hi I am not really sure if this is an issue or not, but I thought i posted here so if anyone have the same problem, they know what was going on.
Apparently if you render some touchablebutton to be like this
render: function() {
return (
<View style={styles.contentContainer}>
<TouchableOpacity onPress={this._onPressQRCode}>
<Text style={styles.scanButtonText}>Click To Start Scanning</Text>
</TouchableOpacity>
</View>
);
},
you will run into this error very frequently
Error: Touchable cannot transition from `RESPONDER_INACTIVE_PRESS_IN` to `LONG_PRESS_DETECTED` for responder `.r[1]{TOP_LEVEL}[0].0.0.$nav2.0.1`
stack:
TouchableMixin._receiveSignal index.ios.bundle:33197
TouchableMixin._handleLongDelay index.ios.bundle:33176
JSTimers.setTimeout.JSTimersExecution.callbacks.(anonymous index.ios.bundle:8273
JSTimersExecution.callTimer index.ios.bundle:8062
Object.JSTimersExecution.callTimers index.ios.bundle:8085
jsCall index.ios.bundle:7511
MessageQueueMixin._callFunction index.ios.bundle:7774
<unknown> index.ios.bundle:7801
URL: undefined
line: undefined
message: Touchable cannot transition from `RESPONDER_INACTIVE_PRESS_IN` to `LONG_PRESS_DETECTED` for responder `.r[1]{TOP_LEVEL}[0].0.0.$nav2.0.1`
To solve the problem just wrap the text inside the
touchableopacity/touchablehighlight with a child view like this
render: function() {
return (
<View style={styles.contentContainer}>
<TouchableOpacity onPress={this._onPressQRCode}>
<View>
<Text style={styles.scanButtonText}>Click To Start Scanning</Text>
</View>
</TouchableOpacity>
</View>
);
and seems to not run into that error anymore.