Nativebase: Disabling Fabs android Ripple effect

[aravi365]

Issue Description

Cannot disable the android ripple effect for FABs.

npm, react-native, react and native-base version version used

"react": "16.4.1",
"react-native": "0.56.0",
"native-base": "^2.8.0",

Expected behaviour

No ripple effect or changed color of android ripple effect.

Actual behaviour

Cannot change the FABs android ripple color.

Steps to reproduce

Tried changing the style and containerStyle of FAB to change the androidRippleEffect.

Only on android

[akirchmyer]

I'm also seeing this issue. Is there a way to disable this behavior? I didn't see anything in the documentation.

[riccardonuzz]

I'm also trying to remove the ripple effect on the container of the FAB with no success. It should be applied only to the circle.

[aravi365]

No update so far! Any workarounds @SupriyaKalghatgi or anyone

[YoonjaeYoo]

This is a workaround.

<Fab
    containerStyle={{ borderRadius: 28, overflow: "hidden" }}>
   // inner elements
</Fab>

[allan-simon]

@YoonjaeYoo thanks for the workaround, it does the trick for me

[SupriyaKalghatgi]

@YoonjaeYoo That does not give the desired output
When Fab is toggled from active to inactive, the button shrink and retains back to usual size

[allan-simon]

@SupriyaKalghatgi yes it's not perfect, but it's at least "pretty-enough" compared to a square overflowing , so it's indeed not a fix, but a "better-than-nothing workaround"

[SupriyaKalghatgi]

Fixed with commit https://github.com/GeekyAnts/NativeBase/commit/56597c45df1b75e1658b1e049d38e08dbc954e3e

[allan-simon]

@sharathprabhal thanks a lot, can't wait for the bugfix release :)