Design issue on android when the navigation bar is hidden

Hello there,

I choosed to hide automatically the navigation bar on my phone, as you can see on the screenshot below the space allocated to the navigation bar are still there. (Android 7.1, Samsung Galaxy S8 Plus)

I tried to make a custom renderItem method and set “paddingBottom” to 0 but it didn’t work…

    _renderItem = (props) => {

        const style = {
            backgroundColor: props.backgroundColor,
            paddingTop: props.topSpacer,
            paddingBottom: 0
        }

        return (
            <View style={[styles.mainContent, style]}>
                <Text style={styles.title}>{props.title}</Text>
                <Image source={props.image} style={props.imageStyle} />
                <Text style={styles.text}>{props.text}</Text>
            </View>
        )
    }

Any ideas ?

[giacomocerquone]

Same issue, Samsung Galaxy A8

@Jacse Solved removing the height property on the default slide. As of now I patched the defaultslide overriding in renderItem, could this be a solution? Or removing the height like this will cause some troubles in the future?

If this might be a solution, the only thing to do, is to remove it from DefaultSlide.js

[damienix]

I’m facing a similar problem. It looks like on Android when StatusBar is used with translucent style, the app slider deducts top bar height from its height. This created empty background space at the bottom but other elements are positioned properly…