CODEWITHSUNDEEP
iosreactjsreact-native
Sydney Loteria
Sydney Loteria

Reputation: 10441

React Native - NavigatorIOS

i would like to ask why the backgroundcolor of NavigatorIOS is much lighter than the usual color. The actual color of the header should be the same on the text below (actual color).

Here's the code:

<NavigatorIOS
            itemWrapperStyle={styles.navWrap}
            style={styles.nav}
            barTintColor="#9b2b25"
            initialRoute={{
                title: "Login",
                component: Login
            }} />

The Stylesheet

navWrap: {
    flex: 1,
    marginTop: 70
},
nav: {
    flex: 1
}

here's the screenshot:

enter image description here

Upvotes: 1

Views: 454

Answers (1)

purii
purii

Reputation: 6414

The NavigatorIOS is translucent by default. Propably you can notice that, by pushing your text up, behind the navigationbar.

Set translucent to false should disable that behaviour:

<NavigatorIOS
        itemWrapperStyle={styles.navWrap}
        style={styles.nav}
        barTintColor="#9b2b25"
        translucent={false}
        initialRoute={{
            title: "Login",
            component: Login
        }} />

Upvotes: 4

Related Questions