title: React native react-navigation drawerLabel truncated on Android
body: <p>When a I use the DrawerNavigator from react-navigation module, the drawerLabel were truncated on Android. I have no problem on IOs. </p>
  
  <p>Capture Menu on IOS</p>
  
  <p><img src="https://i.stack.imgur.com/5rDTS.png" alt=""></p>
  
  <p>Capture Menu on Android</p>
  
  <p><img src="https://i.stack.imgur.com/OC7Bw.jpg" alt=""></p>
  
  <p><strong>Exemple of my Home Screen</strong> : </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>...
  
  export default class Home extends Component  {
  
    static navigationOptions = {
      drawerLabel: 'Home',
      drawerIcon: ({tintColor}) =&gt; {
        return(
          &lt;Icon
             color={tintColor}
             name='home'
            type='entypo' /&gt;
        )
      }
    }
    
    constructor(){
    ...</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>My index.js</strong> :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>...
  const NavigatorApp = DrawerNavigator({
    Login: { screen: Login },
    Home: {screen: Home  },
    ...
  });
  
  
  AppRegistry.registerComponent('MyApp', () =&gt; NavigatorApp);</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>My environnement</strong> : </p>
  
  <p>react-native-cli: 2.0.1</p>
  
  <p>react-native: 0.46.4</p>
  
  <p>react-navigation: ^1.0.0-beta.11</p>