title: React-Native: Unable to bring Ellipsis in lengthy Text without using width
body: <p>In React native i am trying to bring ellipsis to the lengthy text. Providing numberOfLines={1} constraint does not help, unless otherwise using max-width or width to the text component.
  But i would like to achieve the ellipsis without providing a width, meaning the Text component should just take the available width and render ellipsis for the long text. Can it be achieved using flex stylings?
  Please help.</p>
  <pre><code>        &lt;TouchableOpacity style={{{ height: 82, paddingTop: 12 }}&gt;
              &lt;View style={{flex: 1,
                          flexDirection: &quot;row&quot;,
                          left: 16,
                          alignItems: &quot;center&quot;,
                          justifyContent: &quot;space-between&quot;,}}&gt;
                  &lt;View style={{height:32, width:32}}/&gt;
                  &lt;View style={{ flexDirection: &quot;column&quot; }}&gt;
                      &lt;View style={{ flex: 1}}&gt;
                          &lt;Text numberOfLines={1}&gt;THIS IS A LONG LONG LONG DESCRIPTION, really a very long description&lt;/Text&gt;
                      &lt;/View&gt;
                      &lt;Text&gt;
                          {&quot;Final&quot;}
                      &lt;/Text&gt;
                  &lt;/View&gt;
              &lt;/View&gt;
          &lt;/TouchableOpacity&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/wIgdu.jpg" rel="nofollow noreferrer">Sample screenshot</a></p>