title: Cannot scroll to bottom of ScrollView in React Native
body: <p>I have a very simple example of using a <code>ScrollView</code> and I cannot seem to scroll to the bottom.</p>
  
  <p>The example is completely basic, I'm not doing anything special yet the last item is never fully visible.</p>
  
  <p><a href="https://repl.it/J4Wr/1" rel="noreferrer">Expo Code</a></p>
  
  <pre><code> import React, { Component } from "react";
   import { Text, View, ScrollView, StyleSheet } from "react-native";
   import { Constants } from "expo";
  
   const data = Array.from({ length: 20 }).map((_, i) =&gt; i + 1);
  
   export default class App extends Component {
    render() {
      return (
          &lt;ScrollView style={styles.container}&gt;
              {data.map(d =&gt; (
                  &lt;View style={styles.view}&gt;
                      &lt;Text style={styles.text}&gt;{d}&lt;/Text&gt;
                  &lt;/View&gt;
              ))}
          &lt;/ScrollView&gt;
        );
      }
    }
  
  const styles = StyleSheet.create({
    container: {
       paddingTop: Constants.statusBarHeight
    },
    text: {
      fontWeight: "bold",
      color: "#fff",
      textAlign: "center",
      fontSize: 28
  },
  view: {
      padding: 10,
      backgroundColor: "#018bbc"
    }
   });
  </code></pre>
  
  <p>Here is the output:</p>
  
  <p><img src="https://i.stack.imgur.com/2ld0p.png" alt="output image"></p>