React-native-swiper: Text going behind the android navbar

[Pacn91]

Hi,

I'm getting this problem The text is getting behind the navbar, it seems the swiper excludes the navbar and puts the text behind it...any sugestion ? Thanks!

[robindowling]

I have this exact issue as well. Only on Android, not on iOS.

[wizza-smile]

you have to substract StatusBar.currentHeight (https://facebook.github.io/react-native/docs/statusbar.html#constants) on Android to adjust to the correct height

[robindowling]

Thanks @wizza-smile! This was exactly what I needed. I had hardcoded a value before but it felt really unsafe.

This is my implementation

selector: {
    ...Platform.select({
        android: {paddingBottom: StatusBar.currentHeight},
    }),
},

[Pacn91]

Thank you! ;)