title: reactnative : can't get ellipsizeMode to work
body: <p>I am trying to truncate a text in my reactnative app. I've decided to use the "ellipsizeMode" attribute, but I can't get it to work.</p>
  
  <p>I wrote a demo of the problem :</p>
  
  <pre><code>'use strict';
  
  import React, { Component } from 'react';
  import {
    StyleSheet,
    Text,
    View,
  } from 'react-native';
  
  
  export class EllipsizeModeTest extends Component {
      render() {
          return (
              &lt;View style={styles.container}&gt;
                  &lt;Text style={styles.text}&gt;{'first part | '}&lt;/Text&gt;
                  &lt;Text style={styles.text} numberOfLines={1} ellipsizeMode={'tail'}&gt;
                      {'a text too long to be displayed on the screen'}
                  &lt;/Text&gt;
              &lt;/View&gt;
          );
      }
  }
  
  const styles = StyleSheet.create({
      container: {
          flexDirection: 'row',
      },
      text: {
          fontSize: 20,
      }
  });
  </code></pre>
  
  <p>Now the text does not get truncated, any idea why ?</p>