Rounded button ripple effect on Android (OnePlus)

#2836 I have gone through these following points

• Check latest documentation: https://docs.nativebase.io/
• Check for existing open/closed issues for a possible duplicate before creating a new issue: https://github.com/GeekyAnts/NativeBase/issues
• Use the latest NativeBase release: https://github.com/GeekyAnts/NativeBase/releases
• Check examples from NativeBase KitchenSink https://github.com/GeekyAnts/NativeBase-KitchenSink --> Doesn’t work: “This project uses SDK v32.0.0, but this Expo client requires at least v33.0.0”
• For discussion purpose make use of NativeBase Slack: http://slack.nativebase.io/
• For queries related to theme, check Theme Variables from Docs and live NativeBase Theme Editor http://nativebase.io/customizer/

Issue Description

The ripple effect of rounded Button’s goes beyond the button container on some Android devices:

I’ve created this snack and it works in the Appetize web Android emulator, but it doesn’t work on my OnePlus 5T with Oxygen 9.0.9.

The issue has already been addressed here, but has been closed.

node, npm, react-native, react and native-base version, expo version if used, xcode version

“expo”: “34.0.0”

Expected behaviour

The ripple effect goes beyond the button container.

Actual behaviour

The ripple effect stays within the button.

Steps to reproduce

See previous linked snack. The error happens with this code:

<Button rounded>
    <Text>Click Me!</Text>
</Button>

Is the bug present in both iOS and Android or in any one of them?

Some Android devices, so far only reproduced on OnePlus 5T.

[backmeupplz]

It’s not stale! 😃) We still need this fix!!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.