Nativebase: Extra space at the top of the screen

Created on 22 Mar 2018  路  2Comments  路  Source: GeekyAnts/NativeBase

Hi! Thanks for trying out NativeBase!
Due to the overwhelming requests and issues/questions we ask you to add the following details with your issue.

Please check the existing open/closed issues for a possible duplicate before creating a new issue :)

Also DO fill out the below form to give us a better idea about your environment and help us debug it quicker. Issues without the required details will mostly be unattended to.

react-native-cli

2.0.1

react-native

0.54.0

Expected behaviour:

Normal header, content and footer!

Actual behaviour

Extra space at the top of the screen :neutral_face:

Steps to reproduce (code snippet or screenshot):

This is DOCS example 

import React, { Component } from 'react';
import { Container, Header, Title, Content, Footer, FooterTab, Button, Left, Right, Body, Icon, Text } from 'native-base';
export default class AnatomyExample extends Component {
  render() {
    return (
      <Container>
        <Header>
          <Left>
            <Button transparent>
              <Icon name='menu' />
            </Button>
          </Left>
          <Body>
            <Title>Header</Title>
          </Body>
          <Right />
        </Header>
        <Content>
          <Text>
            This is Content Section
          </Text>
        </Content>
        <Footer>
          <FooterTab>
            <Button full>
              <Text>Footer</Text>
            </Button>
          </FooterTab>
        </Footer>
      </Container>
    );
  }
}

Screenshot of emulator/device

Screenshot

Is the bug present in both ios and android or in any one of them?

i've got android, galaxy s7 edge, android 7.0

Any other additional info which would help us debug the issue quicker.

Latest version of native base is installed!

picture MohamadKh75

Most helpful comment

@akhil-geekyants Thanks!

static navigationOptions = {
  header: null,
};

solved the problem!

picture MohamadKh75 on 22 Mar 2018
👍3

All 2 comments

@MohamadKh75 Checked the example. It is working fine. If you are using react-navigation, try setting the header to null.

akhil-geekyants picture akhil-geekyants on 22 Mar 2018
👍1

@akhil-geekyants Thanks!

static navigationOptions = {
  header: null,
};

solved the problem!

MohamadKh75 picture MohamadKh75 on 22 Mar 2018
👍3
Was this page helpful?
0 / 5 - 0 ratings

Related issues

natashache picture natashache  路  3Comments
Cotel picture Cotel  路  3Comments
inv2004 picture inv2004  路  3Comments
mcpracht picture mcpracht  路  3Comments
sihemhssine picture sihemhssine  路  3Comments