title: Cannot Center Align Header Title in react-native android
body: <p>Using stack navigation I have defined the header Title by making it a child component as below</p>
  
  <blockquote>
    <p>Headertitle.js</p>
  </blockquote>
  
  <pre><code>render(){
     return(
          &lt;View style={{flexDirection:'row',justifyContent:'center'}}&gt;
          &lt;Text style={{fontSize:RF(3),fontWeight:'bold',color:'#fff'}}&gt;XYZ&lt;/Text&gt;
          &lt;Text style={{fontSize:RF(3),color:'#fff'}}&gt;ABC&lt;/Text&gt;
          &lt;/View&gt;
  )}
  </code></pre>
  
  <blockquote>
    <p>Parent Component using this header</p>
  </blockquote>
  
  <pre><code> static navigationOptions = ({ navigation }) =&gt; {
                return {
                  headerTitle:(&lt;Headertitle/&gt;),
                  headerTitleStyle: {flex: 1, textAlign: 'center'},
                  headerRight: (
                    &lt;Icon
                      onPress={navigation.getParam('handleLogout')}
                      name="power-off"
                      type="font-awesome"
                      color="#fff"
                       style={{marginRight:20}}
                      size={RF(4)}
                      backgroundColor="#006DB7"
                    /&gt;
                  ),
  
                  headerLeft:null
                };
              };
  </code></pre>
  
  <p>It works very well in IOS but cannot be center aligned in Android. Please help. Thanx in advance</p>