Button onPress function doesn't get called

[omarichatman]

Description

When using the Button, when I click the button the function I am passing doesn't get called.

Related to

• [x] Component - Button

Steps to reproduce

Steps to reproduce the behavior:

1. Render a Button component with an onPress property.
2. Click on the button
3. See the function you are passing is not getting called

Expected behavior

Function being passed to the onPress is called

Actual behavior

Function being passed to the onPress is not called

More Info

Code snippet

import React from 'react';
import { Button } from 'react-native-ui-lib';

export default function Welcome({ navigation }: AuthStackScreenProps<'Welcome'>) {

const handleRegisterPress = () => {
   console.log('Register Button Pressed'); // Not called
};

return (
                        <Button 
                            style={styles.button}
                            onPress={() => handleRegisterPress()}
                            color={styles.button.color}
                            backgroundColor={styles.button.backgroundColor}
                            size={styles.button.size}
                            label='Register'
                            fullWidth
                            enableShadow
                        />
    );
};

Screenshots/Video

Environment

Expo on mobile Android device

• React Native version: "react-native": "0.69.9",
• React Native UI Lib version: "react-native-ui-lib": "^6.31.0"

Affected platforms

• [x] Android - Expo

[omarichatman]

Not able to repro anymore...

[trofima]

Closing due to the issue does not reproduce.

[damianbeles]

I reproduced it. Put the button inside a React-Native Modal.