title: ScrollView with FlatList inside not working?
body: <p>This is the code I have for the ScrollView </p>
  
  <pre><code>&lt;ScrollView contentContainerStyle={{ flexGrow: 1 }} scrollEnabled&gt;
        &lt;View style={{ maxHeight: 280 }}&gt;
          &lt;FlatList
            style={{ backgroundColor: '#eee' }}
            data={suppliers}
            keyExtractor={supplier =&gt; supplier}
            renderItem={({ item, index }) =&gt; {
              const style = index % 2 === 0 ? { backgroundColor: '#fff' } : null;
              return (
                &lt;TouchableOpacity
                  style={{
                    ...style,
                    height: height / 14,
                    borderColor: '#333',
                    borderWidth: 0.5,
                    alignItems: 'center',
                    flexDirection: 'row',
                    justifyContent: 'space-between',
                  }}
                &gt;
                  &lt;Text style={{ fontSize: 14 }}&gt;{item}&lt;/Text&gt;
                  &lt;Feather name="chevron-right" size={21} /&gt;
                &lt;/TouchableOpacity&gt;
              );
            }}
          /&gt;
        &lt;/View&gt;
      &lt;/ScrollView&gt;
  </code></pre>
  
  <p>The content of the FlatList is dynamic meaning that the length of the supplier array can change at anytime so I have a maxHeight and want it to simply be a list you can scroll through if the content extends the maxHeight. I have tried messing around with a lot of different things but nothing seems to work. <a href="https://i.stack.imgur.com/GKIXo.jpg]" rel="nofollow noreferrer">You can see the outcome here </a></p>
  
  <p>I get a list that is not scrollable.</p>