search

expo / ex-navigator

Route-centric navigation built on top of React Native's Navigator
MIT License
522 stars 68 forks source link

Navigation Bar is pushed off the screen when keyboard appears #105

Closed jayesbe closed 8 years ago

jayesbe commented 8 years ago

This looks like its related to #41 which doesn't have much activity or details so i'll add my issue.

I created a ticket in react-native-router-flux (https://github.com/aksonov/react-native-router-flux/issues/454) but since thats only a wrapper to this I'll recreate here.

I am trying to create a layout with a text input at the bottom and a header at the top (chat window)

When the keyboard is not displayed, the layout looks as expected.

The scene is similar to this

<View style={{flex: 1}}>
      <View style={[position: 'absolute', top: 0, left: 0, right: 0, height: 50]}>

      </View>
      <View style={[position: 'absolute', bottom: 0, left: 0, right: 0, height: 50]}>
          <TextInput />
     </View>
<View>

When the TextInput gains focus and the keyboard is displayed, the TextInput sits right on top of the keyboard as expected.

However the element positioned at top:0, it is pushed off the screen when the keyboard appears. I would expect the element to stay static at the top of the screen.

jayesbe commented 8 years ago

It seems this might be a core issue. It looks like If I minimize the app, then bring it back up, it locks the element at the top as expected. When you first run the app it pushes it off the screen. Definitely seems like a bug to me.

jayesbe commented 8 years ago

https://github.com/facebook/react-native/issues/6785