React-native-navigation: [v2] Setting the Statusbar style is not taking precedence

Created on 25 Jun 2018  路  6Comments  路  Source: wix/react-native-navigation

Issue Description

Setting the Statusbar style is not taking precedence , it doesn't change the styling at all

Navigation.events().registerAppLaunchedListener(() => {

    Navigation.setDefaultOptions({
        statusBar: {
            backgroundColor: 'black',
            style: 'light',
        }
    });

    Navigation.setRoot({
        root: {
            sideMenu: {
                left: {
                    component: {
                        name: 'Side',
                        passProps: {
                            text: 'This is a left side menu screen'
                        }
                    }
                },
                center: {
                    stack: {
                        children: [
                            {
                                component: {
                                    name: 'Home',
                                    options: {
                                        topBar: {
                                            title: {
                                                text: 'Home'
                                            }
                                        }
                                    }
                                }
                            }
                        ],
                        options: {}
                    }
                }
            }
        }
    });
});


Environment

  • React Native Navigation version: 2.0.2374
  • React Native version: 0.56.0-rc.3
  • Platform(s) : both
  • Device info : Debug Emulators
馃彋 stale

Most helpful comment

My issue is that I cannot seem to change the status bar style to 'light' at all.

All 6 comments

Setting default options statusBar: { style: 'light' } makes the status bar disappear on all screens.

Isn't statusBar: { style: 'light' } supposed to make the statusBar white? I am seeing it disappear all together.

+1 I'm also experiencing the problem of the status bar disappearing when set to 'light'.

    "react": "16.4.1",    
    "react-native": "0.55.4",
    "react-native-navigation": "^2.0.2452",

My issue is that I cannot seem to change the status bar style to 'light' at all.

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 version and report back. Thank you for your contributions.

The issue has been closed for inactivity.

Was this page helpful?
0 / 5 - 0 ratings