Drawer content color keep dark

import React from 'react';
import { Container, Drawer, Button, Icon, Content, Text } from 'native-base';

export default class App extends React.Component {
  static navigationOptions = {
    header: null,
  };
  closeDrawer = () => {
    this.drawer._root.close()
  };
  openDrawer = () => {
    this.drawer._root.open()
  };

  render() {
    return (
      <Drawer
        ref={(ref) => { this.drawer = ref; }}
        content={<Content style={{ backgroundColor: '#FFFFFF' }}>
          <Text>Drawer</Text>
        </Content>}>
              <Button onPress={() => this.openDrawer()} transparent>
              <Icon name='menu' />
            </Button>
      </Drawer>
    )
  }
}

Expect result: Drawer content is light and white color.

[suishum]

Managed to fix this issue by digging into the default properties of the Drawer component, by default the Drawer component’s overlay has an elevation property of 8.

The elevation prop only effects Android (which is why this problem is not present in iOS) - to change the default props you can do this:

import { Drawer } from 'native-base';
...
Drawer.defaultProps.styles.mainOverlay.elevation = 0;

or wait until the above PR is merged (:

[andreslopezdreams]

I still have the same problem, try zIndex and it does not work either, the only thing I could change is the type to displace

<Drawer type=“displace” …

Node: 8.12.0 Mac OS: Mojave react-native: 0.57.1 native-base: ^2.8.0