search

Andr3wHur5t / react-native-keyboard-spacer

Plug and play react-native keyboard spacer view.
MIT License
1.56k stars 219 forks source link

pushes everything down instead of up #36

Closed esthor closed 8 years ago

esthor commented 8 years ago

When the keyboard is brought up, the animation moves everything down instead of up! The opposite of what is desired...

Andr3wHur5t commented 8 years ago

Can you ensure you view hierarchy looks like this?

<view>
  /*Your views here*/
  <keyboardSpacer>
</view>
esthor commented 8 years ago

I have a ScrollView around everything, so it's like this:

<ScrollView)
/*all views and such*/
<KeyboardSpacer/>
</ScrollView>

EDIT: And now that I placed the KeyboardSpacer back in there, no animation is happening 😕

Andr3wHur5t commented 8 years ago

You will need to put the keyboard spacer below and outside of the the scroll view to make the scroll view shrink and not overlap with the keyboard.

<View>
    <ScrollView>
        /*Other Views*/
    </ScrollView>
    <KeyboardSpacer/>
</View>
``q
esthor commented 8 years ago

Thanks!