title: react native android scroll view not working
body: <p>I have a react native component like:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { StyleSheet, Text, View, ScrollView } from 'react-native';
  
  import Level from './Level';
  
  class LevelList extends Component {
      render() {
  
          return (
              &lt;ScrollView style={styles.scrollView} &gt;
                  &lt;View style={styles.levelList}&gt;
                      &lt;Level /&gt;
                      &lt;Level /&gt;
                      &lt;Level /&gt;
                      &lt;Level /&gt;
                      &lt;Level /&gt;
                      &lt;Level /&gt;
                  &lt;/View&gt;
              &lt;/ScrollView&gt;
          )
      }
  }
  
  var styles = StyleSheet.create({
      scrollView: {
      backgroundColor: '#fff',
      flex: 1,
      },
      levelList: {
          marginTop: 50,
          flexDirection:'column',
          alignItems: 'center',
      },
  
  })
  
  export default LevelList;
  </code></pre>
  
  <p>Here <code>&lt;Level&gt;</code> is simply a component that holds a text.</p>
  
  <p>I have <code>&lt;LevelList&gt;</code> in my container like:</p>
  
  <pre><code>class LevelListView extends Component {
      render() {
          return (
              &lt;View style={{flex: 1}}&gt;
                  &lt;Header /&gt;
                  &lt;LevelList /&gt;
              &lt;/View&gt;
          )
      }
  }
  
  export default LevelListView
  </code></pre>
  
  <p>Here I get a scrollbar in the side of my list but it does not get scrolled.
  What am I missing here ?</p>
  
  <p>I am running the app in emulator:</p>
  
  <p><strong>Update:</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  
  import { StyleSheet, Text, View } from 'react-native';
  
  class Header extends Component {
      render() {
          return (
              &lt;View style={styles.toolbar}&gt;
                  &lt;Text style={styles.toolbarBack}&gt;Back&lt;/Text&gt;
                  &lt;Text style={styles.toolbarTitle}&gt;Levels&lt;/Text&gt;
              &lt;/View&gt;
          )
      }
  }
  
  var styles = StyleSheet.create({
      toolbar:{
          backgroundColor:'#00bcd4',
          paddingTop:10,
          paddingBottom:10,
          flexDirection:'row'
      },
      toolbarTitle:{
          color:'#fff',
          textAlign:'center',
          fontSize:20,
          fontWeight:'bold',
          marginRight: 30,
          flex:1
      },
      toolbarBack: {
          color: '#fff',
          fontSize: 14,
          fontWeight: 'bold',
          marginTop: 4,
          marginLeft: 10,
      }
  })
  
  export default Header;
  </code></pre>