Alloy nl.fokkezb.drawer widget change statusbarstyle

StackOverflow https://stackoverflow.com/questions/23080057

Question

I need to change the statusbarstyle to Black, and I don't know how... I tried to put

Index.xml:

<Alloy>
    <Widget id="drawer" src="nl.fokkezb.drawer">
        <Window role="leftWindow" module="xp.ui">

        </Window>
        <NavigationWindow id="navWindow" platform="ios" role="centerWindow">
            <Window >
                <LeftNavButton>
                    <Button id="leftButton" onClick="toggleLeft">ICON</Button>
                </LeftNavButton>
                <RightNavButton>
                    <Button id="rightButton">ICON</Button>
                </RightNavButton>
            </Window>
        </NavigationWindow>
        <View platform="android" role="centerWindow">

        </View>
    </Widget>
</Alloy>

This is the class Index.tss

"#drawer": {
    openDrawerGestureMode: "OPEN_MODE_ALL",
    closeDrawerGestureMode: "CLOSE_MODE_ALL",
    leftDrawerWidth: 200,
    exitOnClose: true,
    navBarHidden: true,
    fullscreen: true,
statusBarStyle: "STATUSBAR_BLACK"
    },
Was it helpful?

Solution

Titanium.UI.Window.statusBarStyle property accepts one of below values:

In your case you can try this code:

"#drawer": {
    openDrawerGestureMode: "OPEN_MODE_ALL",
    closeDrawerGestureMode: "CLOSE_MODE_ALL",
    leftDrawerWidth: 200,
    exitOnClose: true,
    navBarHidden: true,
    fullscreen: true,
    statusBarStyle: Ti.UI.iPhone.StatusBar.OPAQUE_BLACK,
}

Also make sure that #drawer is pointing to Window view element. I don't know how your widget drawer is working.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top