title: How to align flexwrap to the left?
body: <p>The component that was left alone should be on the left. I tried to use align-items: 'flex-start', but it didn't work.</p>
  
  <p>I'm trying to make a responsive layout where it fits several components in line, depending on the dimensions of the user's device.</p>
  
  <p><a href="https://i.stack.imgur.com/a8Gb5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a8Gb5.png" alt="enter image description here"></a></p>
  
  <pre><code>  &lt;View style={{flex: 1}}&gt;
      &lt;ScrollView showsHorizontalScrollIndicator={false}&gt;
        &lt;View
          style={{
            justifyContent: 'space-evenly',
            flex: 1,
            flexDirection: 'row',
            flexWrap: 'wrap',
          }}&gt;
          &lt;View
            style={{
              backgroundColor: 'red',
              width: width / 2.5,
              height: 200,
              justifyContent: 'center',
              alignItems: 'center',
            }}&gt;
            &lt;Image
              style={{
                width: 100,
                height: 100,
              }}
              source={{
                uri:
                  'https://images-na.ssl-images-amazon.com/images/I/51JZpJPClEL._AC_SL1000_.jpg',
              }}
            /&gt;
            &lt;Text&gt;Xiaomi Redmi note 8&lt;/Text&gt;
          &lt;/View&gt;
        &lt;/View&gt;
      &lt;/ScrollView&gt;
    &lt;/View&gt;
  </code></pre>