xotahal/react-native-material-ui

BottomNavigation padding and background color

whittlem opened this issue · 2 comments

I would like to integrate BottomNavigation into my app. I added it but there seems to be padding on the top and bottom of the bar with a background colour I don't want to use.

I've tried this which didn't help...

    <BottomNavigation
      style={{ container: { padding: 0, margin: 0, backgroundColor: '#fff' } }}
      active={this.state.active}
      hidden={false}
    >

I've used the example from here...
https://github.com/xotahal/react-native-material-ui/blob/master/docs/BottomNavigation.md

Screenshot 2019-04-01 at 13 07 44

The issue is that short of blue'ish grey padding above and below the bar. I would ideally like it to render the bar only or at very least reduce the size of the padding and choose my own colour.

I improved it slightly using the theme but I still have padding above the divider. I've been through all the theme options and not sure what is causing that padding as it is excessive.

Screenshot 2019-04-02 at 16 20 44