reactnative : can't get ellipsizeMode to work : <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>
