Vertical alignment of Items in Header on iPhone X

I’m using native-base to build the header of my app. Since I updated to version 2.7.1 the Items are displayed too high in the Header on iPhone X (see screenshot).

Here is how it looks on v2.7.1

Here is how I expect it to look (this is v2.3.9)

Notice how the search bar is now much closer to the notch.

To reproduce this just render the following view:

    <Container>
        <Header searchBar>
          <Button transparent>
            <Icon name="ios-people" />
          </Button>
          <Item>
            <Icon name="ios-search" />
            <Input placeholder="Search" />
          </Item>
          <Button transparent>
            <Text>Search</Text>
          </Button>
        </Header>
    </Container>

Versions: node: 9.11.2 npm: 5.6.0 react-native: 0.55.4 & 0.56 react: 16.3.2 & 16.4.1 native-base version: 2.7.1

[SupriyaKalghatgi]

development branch do not have up-to-date transpiled code either in package.json, modify main from dist/src/index.js to src/index.js or transpile the code and then check

[SupriyaKalghatgi]

Fixed with 2.7.2