React Native Bottom Sheet - Avoiding Keyboard

Viewed 395

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

enter image description here

1 Answers

You can use this library. It is very customizable and has some components that handles keyboard automatically.

Related