React Native Bottom Sheet - Avoiding Keyboard

Question

I'm having some problems trying to make the bottom sheet to respond based on the size of the content. My bottom sheet needs to have a fixed input on the bottom and 2 positions - 50% and 90%. On 50% the bottom sheet needs to be pushed when the keyboard appears and on 90% the content of my flat list needs to be pushed up. Is possible to achieve this?

Steps To Achieve On 50% - bottom sheet needs to be pushed up until the max size(90%)

on 90% - the flat list inside needs to be pushed up

Answer 1

You can use the library react-native-bottom-sheet. It is very customizable and has some components that handle the keyboard automatically.