Pressable not working in react-native android

Description

When a child of a pressable component is pressed (such as an image), the function passed to the onPress prop does not execute on android. Works as expected on iOS.

React Native version:

0.63.2

Steps To Reproduce

1. Open a new expo snack
2. Create a Pressable component that is the parent of some other component (A text or image)
3. Set the onPress prop to call a function that has a visual effect. (Like an alert)
4. Switch to the android tab, and click ‘Tap to play’

Expected Results

The function is called and the effect (an Alert) is fired

Snack, code example, screenshot, or link to a repository:

https://snack.expo.io/@razorshnegax/6c7be3

Code example:

import React from 'react';
import { View, Pressable, Image, Alert } from 'react-native';

export default class Index extends React.Component {
  render() {
    // The onPress function fires in iOS, but not android
    return (
      <View>
        <Pressable onPress={() => {Alert.alert("Yeep")}}>
          <Image source={require('./greatknight.png')} style={{
            // So that the image is more centered
            top: 100,
            left: 100
          }}/>
        </Pressable>
      </View>
    );
  }
}

[Razorshnegax018]

Yes, @RicardoBrito1938. Turns out that the positioning of the pressable is skewered in android. All you need to do is set the Pressable’s style to whatever position you want the child’s (an Image’s, so to say), and then set the child’s postion to top: 0, left: 0, position: relative. The pressable then should work. Here is the link to my stack overflow post if you need reference. I can add a snack example if you need more help,

[Thembelani]

Code example would be really helpful.