Fab not visible or in wrong position when put inside Content

react-native, react and native-base version

{
  "main": "node_modules/expo/AppEntry.js",
  "private": true,
  "scripts": {
    "test": "node ./node_modules/jest/bin/jest.js --watch"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "@expo/samples": "2.1.1",
    "@expo/vector-icons": "^6.2.1",
    "expo": "^23.0.0",
    "firebase": "^4.6.2",
    "moment": "^2.19.3",
    "native-base": "^2.3.3",
    "react": "16.0.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-23.0.0.tar.gz",
    "react-native-datepicker": "^1.6.0",
    "react-native-keyboard-spacer": "^0.4.1",
    "react-navigation": "^1.0.0-beta.19",
    "react-redux": "^5.0.6",
    "redux": "^3.7.2",
    "redux-logger": "^3.0.6",
    "redux-thunk": "^2.2.0",
    "validate.js": "^0.12.0"
  },
  "devDependencies": {
    "jest-expo": "^23.0.0"
  }
}

Expected behaviour

Fab is shown like the example.

Actual behaviour

if Content contains only Fab: Fab is invisible

if Content contains other components: Fab is shown in the wrong position (e.g. right top when is should be bottomRight)

Steps to reproduce (code snippet or screenshot)

<Content style={{flex: 1}}>
  <Fab position="bottomRight">
    <Icon name="add"/>
  </Fab>
</View>

(note: adding or removing flex=1 has no effect)

I think I’m using this wrong…

Please add a Fab demo to KitchenSink that uses Fab with Content and List (which is a typical use case, rather than an empty View like current examples)

Screenshot of emulator/device

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

Tested in Android 7.0 only.

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

Please add a Fab demo to KitchenSink that uses Fab with Content and List (which is a typical use case, rather than an empty View like current examples)

[SupriyaKalghatgi]

@oferRounds Container, FAB, Content, List Try wrapping in this order

[SupriyaKalghatgi]

I have opened this issue on the docs repo here: #69 Since we split the docs and the source into separate repos.