title: Empty text space in a continuous Text component react-native
body: <p>I have this problem:</p>
  
  <p><a href="https://i.stack.imgur.com/IMnLl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IMnLl.png" alt="enter image description here"></a></p>
  
  <p>I need to put the word "dummy" in the first line until the line was complete.</p>
  
  <blockquote>
    <p>You can see the sample here: <a href="https://snack.expo.io/B1KcRgGWX" rel="nofollow noreferrer">https://snack.expo.io/B1KcRgGWX</a></p>
  </blockquote>
  
  <p>The code:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { Text, View, StyleSheet } from 'react-native';
  import { Constants } from 'expo';
  
  export default class App extends Component {
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;View style={styles.paragraphs}&gt;
            &lt;Text style={styles.textParagraph}&gt;Lorem Ipsum is&lt;/Text&gt;
            &lt;Text style={styles.emptyTerm} /&gt;
            &lt;Text style={styles.textParagraph}&gt;dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book&lt;/Text&gt;
          &lt;/View&gt;
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      alignItems: 'center',
      justifyContent: 'center',
      padding: 25,
      paddingTop: Constants.statusBarHeight,
      backgroundColor: '#ecf0f1',
    },
      emptyTerm: {
      borderBottomWidth: 1,
      marginLeft: 5,
      marginRight: 5,
      minWidth: "25%"
    },
      paragraphs: {
      flexDirection: "row",
      flexWrap: "wrap"
    },
  });
  </code></pre>