React-native-navigation: [v2] topBar Right Button Text is capital letter

Created on 14 Nov 2018  ·  4Comments  ·  Source: wix/react-native-navigation

Issue Description

static options(passProps) {
    return {
        topBar: {
            title: {
                text: "Title",
                alignment: "center"
            },
            rightButtons: [{
                id: 'btn_click',
                text: "click",
            }],
        }
    };
}

Even though I write right button text with small letter, it becomes all capital letters when run the app.
Is there any solution for it?
thanks

Steps to Reproduce / Code Snippets / Screenshots

[FILL THIS OUT]


Environment

  • React Native Navigation version: "^2.0.2556"
  • React Native version: "0.55.4"
  • Platform(s) (iOS, Android, or both?): Tested on android. haven't tried on iOS
  • Device info (Simulator/Device? OS version? Debug/Release?): all

Most helpful comment

@MEsteves22

react native navigation folder -> res -> values -> styles.xml
put false < /item> in TopBar style tag
thanks

All 4 comments

I'm having the same problem... Has someone found the solution?

@MEsteves22

react native navigation folder -> res -> values -> styles.xml
put false < /item> in TopBar style tag
thanks

@NweThazin thank you, it works!

AWESOME!
To be more specific, navigate to:
android/app/src/main/styles.xml
Then just add: <item name="textAllCaps"> false </item>

Was this page helpful?
0 / 5 - 0 ratings