React-native-navigation: Hide Topbar on Android

Created on 23 Aug 2018  路  9Comments  路  Source: wix/react-native-navigation

Unlike iOS, when you set the top bar to not be visible on android, the gap still exists.

If you then set to draw underneath the top bar, it does, but still initially loads that area white and fills it in. Is there a solution to this?

馃彋 stale

Most helpful comment

you can set topBar height = 0 till this issue solved

options:{ topBar: { visible: false, height: 0, } }

All 9 comments

We just upgraded using the v1-v2 adapter and are also seeing this

you can set topBar height = 0 till this issue solved

options:{ topBar: { visible: false, height: 0, } }

Fix this quickly!!

height: 0 is not working!

Navigation.setRoot({
    root: {
        bottomTabs: {
            animate: false,
            children: [
                {
                    stack: {
                        children: [{
                            component: {
                                id: DASHBOARD_TAB_ID,
                                name: 'DashboardScreen'
                            }
                        }],
                        options: {
                            bottomTab: {
                                text: '袩芯懈褋泻',
                                icon: searchAsset
                            },
                            topBar: {
                                visible: false,
                                height: 0
                            }
                        }
                    }
                }

Ok, its working if inside componet:
children: [
{
stack: {
children: [{
component: {
id: DASHBOARD_TAB_ID,
name: 'DashboardScreen',
options: {
topBar: {
visible: false
}
}
}
}],
options: {
bottomTab: {
text: '袩芯懈褋泻',
icon: searchAsset
}
}
}
},

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

The issue has been closed for inactivity.

Try this

HomeScreen.options = {
    topBar: {
        visible: false
    }
}
Was this page helpful?
0 / 5 - 0 ratings