When Close brings the StatusBar back

[beickon]

So in my app i'm taking off the StatusBar. When lightbox , the fade out animation brings it back :/

Is there a prop to keep the statusbar off?

[clementinoux]

Hello @beickon ! Did you finally find a solution for this issue ? Thanks a lot

[peteroid]

Does this happen on Android but no iOS ? @clementinoux

[clementinoux]

Actually, both @peteroid ! But temporarily for android (it appears and then disappears)

[peteroid]

@clementinoux as this repo uses <Modal /> for the overlay, you may try the suggestion from here react-native-modal/react-native-modal#50 (comment)

What you can try is to add a <StatusBar /> along with your lightbox children as following.

import Lightbox from 'react-native-lightbox';

const LightboxView = () => (
  <Lightbox>

    <StatusBar backgroundColor="rgba(0,0,0,0)"  barStyle="light-content"/>

    <Image
      style={{ height: 300 }}
      source={{ uri: 'http://knittingisawesome.com/wp-content/uploads/2012/12/cat-wearing-a-reindeer-hat1.jpg' }}
    />
  </Lightbox>
);

I don't get the code to test this out. You may share the code or try it yourself!

[clementinoux]

Thanks for the code @peteroid but not working as expected. The status bar remains present on the other views of the app... I'm also using react-native-router-flux and also try some solutions like this one https://github.com/aksonov/react-native-router-flux/issues/699... Still not working...

[stokesbga]

Here ya go:

 _onOpen = () => {
    this.setState({ isOpen: true });
  };

  _onClose = () => {
    this.setState({ isOpen: false });
  };

  render() {
    return (
      <View>
        {this.state.isOpen && <StatusBar barStyle={"light-content"} />}
        <LightBox
          onOpen={this._onOpen}
          willClose={this._onClose}