Jacse / react-native-app-intro-slider

Simple and configurable app introduction slider for react native
MIT License
1.66k stars 330 forks source link

Full screen slider (including status bar) on Android 9 #136

Closed tabekg closed 4 years ago

Jacse commented 5 years ago

Could you elaborate on what you are trying to achieve?

tabekg commented 5 years ago

Screenshot_2019-07-31-18-07-26-209_com docs

Please, look at the status bar. I'd like to make an intro with full-screen mode (including status bar)

Device: Android 9, MI 8 Lite

Jacse commented 5 years ago

How about using the statusbar-component in renderItem? E.g.

_renderItem = ({ props, dimensions }) => (
    <View
      style={[
        styles.slide,
        ...dimensions,
        backgroundColor: props.backgroundCOlor
      ]}>
          <StatusBar backgroundColor={props.backgroundColor} barStyle="light-content" />
          {props.title}
          {props.text}
    </View>
  );
Jacse commented 4 years ago

For future reference this can be achieved by doing:

<View style={{flex: 1}}>
     <StatusBar translucent backgroundColor="transparent" />
     <AppIntroSlider .../>
</View>