title: react-navigation space between left button and title on android
body: <p>I'm using react-navigation for navigate between screen.<br>
  In ios it display on center and working properly but in android it display left side and space between back button and title.</p>
  
  <p><a href="https://i.stack.imgur.com/QCkUX.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QCkUX.png" alt="enter image description here"></a></p>
  
  <p>I want to remove space between back button and title on android.</p>
  
  <p><strong>My Code</strong></p>
  
  <pre><code>class Detail extends Component {
      .
      .
      .
      static navigationOptions = ({ navigation }) =&gt; {
          const {state} = navigation;
          return {
              headerTitle: "title",
              headerStyle: {
                  borderBottomColor: 'transparent',
                  borderBottomWidth: 0,
                  backgroundColor: 'transparent',
  
                  elevation: 0 ,
                  shadowOpacity: 0,
                  shadowColor: 'transparent',
                  shadowRadius: 0,
                  shadowOffset: {
                      width: 0,
                      height: 0
                  }
              },
              headerTitleStyle: {
                color: 'white',
                width: width-72,
              },
              headerBackTitleStyle: {
                color: 'white',
              },
              headerTintColor: 'white',
              headerBackground: (
                  &lt;LinearGradient
                      colors={[MyConstants.colorNavbarStart, MyConstants.colorNavbarEnd]}
                      style={{ flex: 1 ,padding: 0}}
                      start={{x: 0, y: 0.5}}
                      end={{x: 1, y: 0.5}} /&gt;
              ),
              headerRight: (
              &lt;TouchableOpacity&gt;
                &lt;View style={{padding: 8}}&gt;
                  &lt;Image source={MyConstants.imgShareArrow} style={{height:20, width: 20}} /&gt;
                &lt;/View&gt;
              &lt;/TouchableOpacity&gt;
              ),
              headerLeft: (
              &lt;TouchableOpacity onPress={ () =&gt; {navigation.pop()}}&gt;
                &lt;View style={{padding: 8}}&gt;
                  &lt;Image source={MyConstants.imgBackArrow} style={MyStyle.backButton} /&gt;
                &lt;/View&gt;
              &lt;/TouchableOpacity&gt;
              )
          };
      };
  }
  </code></pre>
  
  <p>In above code <strong>width</strong> is screen width and i'm using -72 because left and right button width.<br>
  I'm also using marginLeft in minus but it cut the title.</p>