Nativebase: Fab disappears when in `bottomRight` or `bottomLeft` position (iPhone 6S)

[trevor-coleman]

Works fine in topLeft and topRight but can't get it to work in bottom positions.

It's a blank screen with just the FAB on it for now.

```
active={this.state.active}
direction="left"
style={{ backgroundColor: '#5067FF' }}
position="bottomRight"
containerStyle={{paddingBottom: 20, paddingRight: 20}}
onPress={() => this.setState({ active: !this.state.active })}
>

[trevor-coleman]

Ends up looking like this:

[Ruchika1989]

same problem with me

[sankhadeeproy007]

Versions please? I can get it to work with the exact same source.

[kapone89]

Same problem. Version 0.5.22. Why there is a FAB on the top in examples? It used to be on the bottom. Is it because it doesn't work? 😄

[sankhadeeproy007]

Please use Fab outside Content and not inside it. That'll probably fix it.

[Colmea]

Thanks, moving Fab outside Content resolve my issue. Please update doc (which shows an example with a FAB inside a Content)

[sankhadeeproy007]

cc @SupriyaKalghatgi

[w-]

In the current version docs (v19.0.0) it still isn't clear that FAB should sit outside the <Content /> component.

I had to trawl through the issues and luckily stumbled across this. I think @Colmea 's suggestion would be beneficial to those not fully familiar with this component.