title: draw a vertical line between 2 objects
body: <p>Is it possible to draw a vertical line between 2 text objects? I looked into this but this is not exactly what I need:</p>
  
  <p><a href="https://reactjsexample.com/draw-a-line-between-two-elements-in-react/" rel="noreferrer">https://reactjsexample.com/draw-a-line-between-two-elements-in-react/</a></p>
  
  <p><a href="https://i.stack.imgur.com/0Duw1.png" rel="noreferrer"><img src="https://i.stack.imgur.com/0Duw1.png" alt="enter image description here"></a></p>
  
  <pre><code> &lt;View style={styles.ridesFriends}&gt;
            &lt;Text style={styles.numbers}&gt;132    &lt;/Text&gt;
            &lt;Text style={styles.numbers}&gt;{numberOfFriends}&lt;/Text&gt;
          &lt;/View&gt;
  </code></pre>
  
  <pre><code>  ridesFriends: {
      paddingTop: 70,
      alignItems: 'center',
      flexDirection: 'row',
      justifyContent: 'space-evenly',
      width: '100%',
    },
    numbers: {
      fontSize: 30,
      color: '#31C283',
      fontWeight: 'bold',
    },
  </code></pre>
  
  <p>Edit:</p>
  
  <p>I tried adding a view in between the two numbers:</p>
  
  <pre><code>  verticleLine:{
      height: '100%',
      width: 1,
      backgroundColor: '#909090',
    },
  </code></pre>
  
  <pre><code>  &lt;View style={styles.ridesFriends}&gt;
            &lt;Text style={styles.numbers}&gt;132&lt;/Text&gt;
            &lt;View style={styles.verticleLine}&gt;&lt;/View&gt;
            &lt;Text style={styles.numbers}&gt;{numberOfFriends}&lt;/Text&gt;
          &lt;/View&gt;
  </code></pre>
  
  <p>but it's not in the center
  <a href="https://i.stack.imgur.com/eLlgj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/eLlgj.png" alt="enter image description here"></a></p>