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

Related issues

EliSadaka picture EliSadaka  ·  3Comments

charlesluo2014 picture charlesluo2014  ·  3Comments

kiroukou picture kiroukou  ·  3Comments

birkir picture birkir  ·  3Comments

zhanguangao picture zhanguangao  ·  3Comments