title: how react-native renders the TouchableOpacity components on the same row - horizontally
body: <p>I have a product component - TouchableOpacity as shown in picture. Number of products is dynamic.Thing is that, I want to post 2 products on each row. 
  But I can't. It renders them vertically, although I set horizontal as true.
  How can I solve, it? Do you have any suggestion?</p>
  
  <p><a href="https://i.stack.imgur.com/oyEE0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oyEE0.png" alt="enter image description here"></a></p>
  
  <p>Here is my styling of the component</p>
  
  <p><a href="https://i.stack.imgur.com/aeTd5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aeTd5.png" alt="enter image description here"></a></p>
  
  <p>And it is how they are rendered
  <a href="https://i.stack.imgur.com/S6109.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S6109.png" alt="enter image description here"></a></p>