React native text like span : <p>I tried to follow the solution in <a href="https://stackoverflow.com/questions/34624100/simulate-display-inline-in-react-native">Simulate display: inline in React Native</a> but it's not work.</p>

<p>I would like to do the same thing just like  in HTML</p>

<p>First line is short so seems like no problem, but second line content is too long and it's expected to fill all the space before go to next line.</p>

<p>But my output is look like...
<a href="https://i.stack.imgur.com/gnUJA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/gnUJA.png" alt="output"></a></p>

<pre><code>&lt;View style={styles.contentView}&gt;
    &lt;Text style={styles.username}&gt;{s_username}&lt;/Text&gt;
    &lt;Text style={styles.content}&gt;{s_content}&lt;/Text&gt;
&lt;/View&gt;

contentView: {
    paddingLeft: 10,
    flex: 1,
    flexDirection:'row',
    flexWrap:'wrap'
},
username: {
    fontWeight: 'bold'
},
content: {

}, 
</code></pre>
