Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Wrong menu icon color in Android.

See original GitHub issue

react-native, react and native-base version

react-native (0.52.0), react (16.2.0) and native-base (2.3.7)

Expected behaviour

White menu icon on Android.

Actual behaviour

The menu icon has the iOS blue color. (iosToolbarBtnColor | “#007aff”)

Steps to reproduce (code snippet or screenshot)

    <Header>
        <Left>
            <Button
                transparent
                onPress={() => this.props.navigation.navigate("DrawerOpen")}>
                <Icon name="menu" />
            </Button>
        </Left>
        <Body>
            <Title>HomeScreen</Title>
        </Body>
        <Right />
    </Header>

Screenshot of emulator/device

Any other additional info which would help us debug the issue quicker.

Not using CRNA, not declaring a custom theme. Already ran react-native link. Running in a physical device.

Issue Analytics

State:
Created 6 years ago
Comments:5 (3 by maintainers)

Top GitHub Comments

1reaction

Gloixcommented, Jan 25, 2018

So, if I understand it right:

commonColor.js declares common colors to all default themes
material.js declares a material design like theme (although some checks are made for minor accomodations to the current platform?).
platform.js declares a platform dependent theme.

I noticed the extracted theme from the theme setup instructions points to variables/platform, so it’s using platform.js, and therefore is using the toolbarBtnColorproperty as @akhil-geekyants points:

toolbarBtnColor: "#007aff",

which actually produces the light blue menu tinting.

Now, is this color intended? I’m asking since every demo screen shown has a white menu icon like in the Readme file (and also looks more natural IMO):

Android demo animation