"onPress" event only fired when I hold the button and not when touched

[juanpablogd]

"onPress" event only fired when I hold the button and not when touched

[Xinor]

+1

"react": "16.13.1" "react-native": "0.63.0" "react-native-really-awesome-button": "1.6.0"

edit: Fixed the issue when the delayPressIn and delayPressOut properties of the TouchableWithoutFeedback component in index.js were set to 0. I thought it might be helpful in solving the problem.

[ronork]

+1 Long Press required..

[giaset]

Same issue here -- can it be because of a change in React Native 0.63?

[tomByrer]

edit: Fixed the issue when the delayPressIn and delayPressOut properties of the TouchableWithoutFeedback component in index.js were set to 0. I thought it might be helpful in solving the problem.

Tested to see if there were accidental double-clicks after this change?

[umangmaurya]

Fixed this issue use -- @umangmaurya/react-native-really-awesome-button

[FrankieJLyons]

@umangmaurya using your fork, I get the following warning:

Warning: This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the property nativeEvent on a released/nullified synthetic event. This is set to null. If you must keep the original synthetic event around, use event.persist(). See https://fb.me/react-event-pooling for more information.

[mqtik]

Having this problem as well. Is this still maintained?

[nachozullo]

Same problem here using Expo SDK 39

[mqtik]

I sent a PR about this..

[afilp]

I am afraid that this library may not be maintained? Are there any forks that address this issue? Thanks!

[afilp]

I even tried to use TouchableOpacity as a parent of the button, it did not work.

Then I used "absolute" styling and while I do see it above the button, the "press" does not work:

<TouchableOpacity
        disabled={disabled}
        onPress={onPress}
        style={{
          position: 'absolute',
          zIndex: 3, // works on ios
          elevation: 3, // works on android
          width: 100,
          height: 100,
          flex: 1,
          margin: 3,
          backgroundColor: 'red',
          ...style,
        }}
      >
        <Text>test</Text>
      </TouchableOpacity>
``` 

As if the button disables all events.

[umangmaurya]

I even tried to use TouchableOpacity as a parent of the button, it did not work.

Then I used "absolute" styling and while I do see it above the button, the "press" does not work:

<TouchableOpacity
        disabled={disabled}
        onPress={onPress}
        style={{
          position: 'absolute',
          zIndex: 3, // works on ios
          elevation: 3, // works on android
          width: 100,
          height: 100,
          flex: 1,
          margin: 3,
          backgroundColor: 'red',
          ...style,
        }}
      >
        <Text>test</Text>
      </TouchableOpacity>

As if the button disables all events.

@umangmaurya/react-native-really-awesome-button use this fork

[ozgurkaragoz]

Just use "react-native-really-awesome-button": "1.3.0" version, it worked!