title: React Native - How to render row by using map data?
body: <p>How can i render the row by using the mapping function and make it like the picture below</p>
  
  <p><a href="https://i.stack.imgur.com/7SwRR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7SwRR.png" alt="enter image description here"></a></p>
  
  <p>Sample data   </p>
  
  <pre><code>  [
      {
        name: 'Alibaba Chuah',
        temp: '37',
        checkIn: true,
        checkOut: false,
      },
  
      {
        name: 'Calvin Lee',
        temp: '37',
        checkIn: true,
        checkOut: false,
      }
    ]
  </code></pre>