touchableWithoutFeedback onPress and onPressOut not firing on Android

[larryranches]

Issue Description

touchableWithoutFeedback onPress and onPressOut function are not firing on Android specifically the Samsung Galaxy.

This is working perfectly fine on IOS10.

Steps to Reproduce / Code Snippets

Code snippet of using the onPressOut function

<TouchableWithoutFeedback onPressOut={ this.onStopRecording }>

Expected Results

function should fire on Android. Is working for IOS!

Additional Information

• React Native version: 0.33
• Platform(s) (iOS, Android, or both?): ANDROID
  Operating System (macOS, Linux, or Windows?): OSX

[larryranches]

Also not working on Nexus 5x. Any ideas? Seems to be only android related.

[marcshilling]

I've been having similar issues with <TouchableWithoutFeedback> on iOS as well. RN 0.34.1.

I've fallen back to just using <TouchableOpacity> with activeOpacity: 1

[AndrewHenderson]

I found the following did not work with TouchableWithoutFeedback but is working with TouchableOpacity on React Native 0.37.0:

return (
  <View style={styles.sceneContent}>
    <ScrollView>
      <TouchableOpacity
        onPress={this.handlePersonPress.bind(this)}
      >
        <PersonHeading
          photoUrl={this.state.person.photoUrl}
          name={this.state.person.firstName}
        />
      </TouchableOpacity>
      <Image
        style={{height: 250}}
        source={{uri: this.props.photoUrl}}
      />
      <View style={styles.eventContent}>
        <Text style={[styles.h2, styles.centerText]}>{this.props.description}</Text>
        <Text style={[styles.h3, styles.centerText]}>{this.props.location}</Text>
        <Text style={[styles.centerText]}>{renderTime(this.props.startTime)}</Text>
        <Text style={[styles.centerText]}>{renderTime(this.props.endTime)}</Text>
      </View>
      <View style={styles.scenePad}>
        <Button
          style={[styles.button, styles.backgroundBlue]}
        >
          Request to Join
        </Button>
      </View>
    </ScrollView>
  </View>
);

I wonder if it has something to do with being nested within the ScrollView, since I have it working fine in another component that is not the direct descendent of a ScrollView.

I'll upgrade to the latest version and update this comment with the results.

[CorentinDeBoisset]

It is working for me today, maybe it was solved in more recent versions (tested on 0.41 on the android emulator).

[benjaminreid]

I've ran into this today, TouchableWithoutFeedback was working perfectly fine until it wasn’t. RN 0.41 and running in the up to date iOS simulator. Very bizarre.

[larryranches]

Any ideas on this? The onPressOut is still not firing only for Android. Working perfect on ios still. I'm now on RN 0.43

[koenpunt]

I found that TouchableWithoutFeedback always needs to have child View component. So a component that composes a View isn't enough.

So instead of

<TouchableWithoutFeedback onPressIn={...} onPressOut={...} onPress={...}>
  <MyCustomComponent />
</TouchableWithoutFeedback>

I now use:

<TouchableWithoutFeedback onPressIn={...} onPressOut={...} onPress={...}>
  <View>
    <MyCustomComponent />
  </View>
</TouchableWithoutFeedback>

[oliverbenns]

Fixed my issue thanks @koenpunt . Kind of depressing though.

[hramos]

Hi there! This issue is being closed because it has been inactive for a while. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. Either way, we're automatically closing issues after a period of inactivity. Please do not take it personally!

If you think this issue should definitely remain open, please let us know. The following information is helpful when it comes to determining if the issue should be re-opened:

• Does the issue still reproduce on the latest release candidate? Post a comment with the version you tested.
• If so, is there any information missing from the bug report? Post a comment with all the information required by the issue template.
• Is there a pull request that addresses this issue? Post a comment with the PR number so we can follow up.

If you would like to work on a patch to fix the issue, contributions are very welcome! Read through the contribution guide, and feel free to hop into #react-native if you need help planning your contribution.

[mgagnon555]

It is not fixed (RN 0.49.3), unless "having to add a and then it works" is considered fixed. The only child my TouchableWithoutFeedback had is a custom Header extending Component. Adding a View works but ... why?