react native - How to get full screen background with a transparent statusbar? -
i want show react-native-maps in full screen. header of stacknavigator (react native navigation) should shown on map. status bar too. want add small gradient on map make status bar , button (and maybe more buttons on right header side) more readable.
at moment use of stacknavigator automatically limiting "fullscreen" map (flex: 1) bottom of navigation header.
how solve this?
react-native: 0.46
react-navigation: 1.0.0-beta.11
for want solve this, add following screen-component:
static navigationoptions = { headerstyle: { position: 'absolute', top: 0, left: 0 }, headerbacktitlestyle: { opacity: 0, }, headertintcolor: '#fff' };
and add lineargradients (if want) , have this:
Comments
Post a Comment