title: React Native FlatList refreshing not working
body: <p>i got an problem with the refreshing on pull function. The FlatList renders fine, but pull to refresh is not working. This is my current sourcecode:</p>
  <pre><code>return (
     &lt;View style={GlobalStyles.flex1}&gt;
         &lt;FlatList
             showsVerticalScrollIndicator={false}
             refreshControl={
                 &lt;RefreshControl
                     refreshing={isRefreshing}
                     onRefresh={() =&gt; {
                         console.log(&quot;onRefresh loadVocable&quot;);
                         loadVocables();
                     }}
                 /&gt;
             }
             data={vocables}
             keyExtractor={vocable =&gt; vocable.id}
             onEndReached={() =&gt; {
                 if (!isRefreshing &amp;&amp; !endReached) {
                     loadVocables();
                 }
             }}
             renderItem={vocable =&gt; (
                 &lt;TouchableOpacity
                     onPress={() =&gt; {
                         props.navigation.navigate({ routeName: &quot;editVocable&quot;, params: { vocable: vocable.item } });
                     }}
                     onLongPress={() =&gt; {
                         handleLongPress(vocable.item.id);
                     }}&gt;
                     &lt;Card style={styles.cardStyle}&gt;
                         &lt;View style={styles.part1}&gt;
                             &lt;Text style={styles.vocableText}&gt;{vocable.item.wordENG}&lt;/Text&gt;
                             &lt;Text style={styles.vocableText}&gt;{vocable.item.wordDE}&lt;/Text&gt;
                         &lt;/View&gt;
                         &lt;View style={styles.part2}&gt;
                             &lt;Ionicons name={vocable.item.known ? &quot;md-checkmark-circle&quot; : &quot;md-close-circle&quot;} size={23} color={vocable.item.known ? Colors.success : Colors.danger} /&gt;
                         &lt;/View&gt;
                     &lt;/Card&gt;
                 &lt;/TouchableOpacity&gt;
             )}
         /&gt;
     &lt;/View&gt;
  );
  
  </code></pre>
  <p>In the <a href="https://reactnative.dev/docs/refreshcontrol" rel="nofollow noreferrer">official docs</a> is an example that says contentContainerStyle needs to be flex: 1 to know the height, that makes sence to me, so when i set contentContainerStyle with flex 1, refresh on pull works fine, but then i can't scroll anymore in the Flatlist and everthing get very tight, so the style also change then. Does anyone know why this happen?</p>
  <p>The first picture is with &quot;contentContainerStyle={{flex: 1}}&quot; and the last one is without contentContainerStyle.</p>
  <p><a href="https://i.stack.imgur.com/sZZKH.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sZZKH.jpg" alt="with contentContainerStyle set to flex 1" /></a></p>
  <p><a href="https://i.stack.imgur.com/AcRV9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AcRV9.jpg" alt="without contentContainerStyle " /></a></p>