title: React Native ScrollView/FlatList not scrolling
body: <p>I have a list of data that I want to place inside a FlatList (i.e. ScrollView) and whenever I try to scroll down to view more of the list, the ScrollView just bounces back up to the top of the list so I cannot ever see the bottom of the list.</p>
  
  <p>I am using Expo and the strange thing is that if I just create a new project or copy/paste some code into Snack then the scrolling works just fine. It is only in my current project that I cannot get the list to scroll. I have even gone into the <code>main.js</code> file and just pasted my example code in there and the issue still persists.</p>
  
  <p>My example code is located here: <a href="https://snack.expo.io/ryDPtO5-b" rel="nofollow noreferrer">https://snack.expo.io/ryDPtO5-b</a>
  I have pasted this exact code into my project and it is not working as expected.</p>
  
  <p>Versions:
  RN 0.44 /
  Expo SDK 17.0.0 /
  React: 16.0.0-alpha.6</p>
  
  <p>My actual use case for my project involves placing a FlatList component at the bottom-third of the screen to show a list of jobs. This is where I discovered the error and when I started to try and debug the issue. In my project I have a parent <code>View</code> with a style of <code>{flex: 1</code> with a child of <code>List</code> that contains the <code>FlatList</code>... <code>List</code> comes from <code>react-native-elements</code></p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Here is the code I am actually trying to use:</p>
  
  <pre><code> &lt;View style={styles.container}&gt;
  &lt;View style={containerStyles.headerContainerStyle}&gt;
      &lt;Text style={[textStyles.h2, { textAlign: "center" }]}&gt;
          Territory: {this.props.currentTerritory}
      &lt;/Text&gt;
  &lt;/View&gt;
  &lt;View style={styles.mapContainer}&gt;
      &lt;MapView
          provider="google"
          onRegionChangeComplete={this.onRegionChangeComplete}
          region={this.state.region}
          style={{ flex: 1 }}
      &gt;
          {this.renderMapMarkers()}
      &lt;/MapView&gt;
  &lt;/View&gt;
  &lt;Badge containerStyle={styles.badgeStyle}&gt;
      &lt;Text&gt;Orders Remaining: {this.props.jobsList.length}&lt;/Text&gt;
  &lt;/Badge&gt;
  &lt;List containerStyle={{ flex: 1 }}&gt;
      &lt;FlatList
          data={this.props.jobsList}
          keyExtractor={item =&gt; item.id}
          renderItem={this.renderJobs}
          removeClippedSubviews={false}
      /&gt;
    &lt;/List&gt;
   &lt;/View&gt;;
  </code></pre>
  
  <p>And all my styles</p>
  
  <pre><code>const styles = StyleSheet.create({
  container: {
      flex: 1,
  },
  mapContainer: {
      height: 300,
  },
  badgeStyle: {
      backgroundColor: 'green',
      alignSelf: 'center',
      marginTop: 15,
      width: 300,
      height: 35,
  },
  });
  </code></pre>
  
  <p>and lastly, my renderItem function:</p>
  
  <pre><code> renderJobs = ({ item }) =&gt; {
  const { fullAddress, pickupTime } = item;
  
  return (
      &lt;ListItem
          containerStyle={
              item.status === "active" &amp;&amp; { backgroundColor: "#7fbf7f" }
          }
          title={fullAddress}
          titleStyle={{ fontSize: 14 }}
          subtitle={pickupTime}
          subtitleStyle={{ fontSize: 12, color: "black" }}
          onPress={() =&gt;
              this.props.navigation.navigate("jobActions", { job: item })
          }
      /&gt;
  );
  };
  </code></pre>