1

Fab button is not working on a scroll view. I am using FAB from react-native-paper and the icon is displayed but when i press fab button, its not working. As an alternative, i tried to make a sticky button which sticks to the bottom when i use scroll view, but the button is displayed after the scrollview content and is not fixed at the bottom of our screen. It also fails.

My code is like :

<View>
   <FAB style={{position:'absolute',right:0,bottom:0}}/>
   <ScrollView></ScrollView>
</View>
Khaja kutubuddin
  • 61
  • 1
  • 8

2 Answers2

6

Rendering Fab below the ScrollView should work.

<ScrollView />
<Fab />
a-c-sreedhar-reddy
  • 568
  • 4
  • 14
3

Fab needs to be above all the components. Put it inside <Portal> tag https://callstack.github.io/react-native-paper/portal.html

l4rnaud
  • 179
  • 9