Example: Centered title in navigation bar

[mikaello]

I Android the title in the navigation bar is not centered by default, only in iOS. By setting titleStyle={{alignSelf='center'}} for a Scene-component the title is centered in Android as well. See also issue 253 in react-navigation.

[PiotrKujawa]

Hi,
alignSelf will only work if there's no left or right titles/buttons. Otherwise the title is not centered.
Any solution for this? Or maybe I'm doing something wrong?

[kamranyounis12]

a simple workaround can be providing rightTitle=" " in the props of scene.
<Scene key='yourKey' component={YourComponent} titleStyle={{alignSelf='center'}} title="your_title" rightTitle=" "/>

[Mimicx]

What happen if only want the rightButton, there is not a leftTitle, any solution?

[mdelclaro]

@PiotrKujawa were you able to resolve this issue?

[monkxp]

headerTitleStyle: { flex: 1, textAlign: 'center' }, headerLeft: (<View/> ), headerRight:(<View/>)
It's work for me.