Skip to content
This repository was archived by the owner on Dec 18, 2024. It is now read-only.
This repository was archived by the owner on Dec 18, 2024. It is now read-only.

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

@jayesbe

Description

@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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions