0

It is possible to apply a gradient background in the FAB component of the paper with https://github.com/react-native-linear-gradient/react-native-linear-gradient?

Or is there another way to apply a gradient background in the fab, or does it only accept a solid color?

https://callstack.github.io/react-native-paper/fab.html

FAB solid color example

EDIT: I solved it somehow.

I put the Linear gradient, but without children, I solved it with CSS.

The gradient has the same format as the Fab and is on top, the FAB.Group has a transparent background and elevation: 99

Bernardo
  • 1
  • 1
  • 1
    You need to wrap FAB in ```LinearGradient``` Component with border radius and make FAB background transparent. – Ngima Sherpa May 03 '22 at 04:13
  • Any practical examples? when I wrap my fab.group inside a linear gradient, the fab group layout it totally breaks – Bernardo May 03 '22 at 13:51

0 Answers0