title: How to make full height my Flatlist Item in react native?
body: <p><a href="https://i.stack.imgur.com/m3hvZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/m3hvZ.png" alt="image1"></a></p>
  
  <p><a href="https://i.stack.imgur.com/mHjkb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mHjkb.jpg" alt="image2"></a></p>
  
  <p>I have 5 items in FlatList.</p>
  
  <p>I want my items render evenly in fullscreen(Top image to Bottom image).</p>
  
  <p>If I change height or flex, It will shows 5 items in current backgroundImage space.</p>
  
  <p>what should I change..?</p>
  
  <pre><code>        &lt;View
            style={{
              flex: 1,
              flexDirection: 'column',
              backgroundColor: 'black',
            }}
          &gt;
            &lt;FlatList
              style={{ flex: 1 }}
              data={emotions}
              renderItem={({ item }) =&gt; (
                &lt;ImageBackground
                  source={item.img}
                  style={{
                    width: '100%',
                    height: '100%',
                    justifyContent: 'center',
                    margin: 2,
                    alignContent: 'stretch',
                  }}
                &gt;
                  &lt;Text
                    style={{
                      fontSize: 20,
                      textAlign: 'center',
                      color: 'white',
                    }}
                    onPress={() =&gt; this.handlePress(`${item.title}`)}
                  &gt;
                    {item.title}
                  &lt;/Text&gt;
                &lt;/ImageBackground&gt;
              )}
              keyExtractor={item =&gt; item.title}
              numColumns={1}
            &gt;&lt;/FlatList&gt;
          &lt;/View&gt;
  </code></pre>