title: How to have different style for items at certain locations in a list in React Native?
body: <p>I'm trying to have different styles for the first and last items in a list, like the picture below:</p>
  
  <p><a href="https://i.stack.imgur.com/kcNcB.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kcNcB.png" alt="enter image description here"></a></p>
  
  <p>Where the first card has rounded corner on the upper right and the last card has rounded corner on the lower right. I'm still figuring out how to approach this. </p>
  
  <p>Is there any way to pass the location of an item in the list to the item itself so it can be applied to a different style? Or there are other better approaches?</p>
  
  <p>Also, I would like to have the card to have both rounded upper and lower right corners if there's only one card present, like below:</p>
  
  <p><a href="https://i.stack.imgur.com/qGUkm.png" rel="noreferrer"><img src="https://i.stack.imgur.com/qGUkm.png" alt="enter image description here"></a></p>