Navigation Bar is pushed off the screen when keyboard appears

[jayesbe]

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 (aksonov/react-native-router-flux#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]

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]

facebook/react-native#6785