Inside of ScrollView, it's scrolling up but behind the content above, it's not visible after scrolling.

[oritzio]

I have a component Invite inside of ScrollView

<ScrollView>
  <Invite/>
<ScrollView>

Assume I have this structure of my page and the invite component is inside of the [InviteForm] [Header] [Navigation] [Invite Form]

When I tap the input the keyboard is showing up and the input is scrolling up. But because it's inside of a ScrollView I can't see it because it's scrolling behind the content that I have above So I end up seeing just that

[Header] [Navigation]

And the input is not visible anymore.