title: react native scrollview not scrolling on android
body: <p>I have the following component:</p>
  
  <pre><code>export default class StoreComponent extends Component {
    render() {
      return (
        &lt;View style={styles.container}&gt;
          &lt;ScrollView contentContainerStyle={styles.scroll}&gt;
            &lt;StoreCarouselComponent /&gt;
            &lt;StoreDiscountComponent /&gt;
            &lt;StoreDetailsComponent /&gt;
          &lt;/ScrollView&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>
  
  <p>with this style</p>
  
  <pre><code>import { StyleSheet, Dimensions, } from 'react-native';
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#ffffff',
    },
    scroll: {
      flex: 1,
      flexDirection: 'row',
      justifyContent: 'center'
    },
    image: {
      width: Dimensions.get('window').width,
      height: 350,
    },
    box: {
      width: Dimensions.get('window').width - 30,
      position: 'absolute',
      shadowColor: '#000000',
      shadowOpacity: 0.34,
      shadowRadius: 5,
      shadowOffset: {
        width: 0,
        height: 10
      },
      elevation: 10,
      borderTopLeftRadius: 10,
      borderTopRightRadius: 10,
      borderBottomLeftRadius: 10,
      borderBottomRightRadius: 10,
      borderColor: 'lightgrey',
      backgroundColor: '#ffffff',
      padding: 10,
      marginTop: 410,
  
    },
    boxDiscount: {
      width: Dimensions.get('window').width - 30,
      position: 'absolute',
      shadowColor: '#000000',
      shadowOpacity: 0.34,
      shadowRadius: 5,
      shadowOffset: {
        width: 0,
        height: 10
      },
      elevation: 10,
      borderTopLeftRadius: 10,
      borderTopRightRadius: 10,
      borderBottomLeftRadius: 10,
      borderBottomRightRadius: 10,
      borderColor: 'lightgrey',
      backgroundColor: '#253241',
      padding: 10,
      marginTop: 320,
    },
    title: {
      fontSize: 30
    },
    distance: {
      fontSize: 20,
      color: '#767676'
    },
    distanceElement: {
      fontSize: 20,
      color: '#44D9E6'
    },
    address: {
      fontSize: 20,
      color: '#767676'
    },
    category: {
      fontSize: 20,
      color: '#767676',
    },
    categoryElement: {
      fontSize: 20,
      color: '#44D9E6',
    },
    hr: {
      borderBottomColor: 'lightgrey',
      borderBottomWidth: 1,
    },
    icons: {
      flex: 1,
      flexDirection: 'row',
      justifyContent: 'center',
    }
  });
  
  export default styles;
  </code></pre>
  
  <p>my scrollview works on ios but on android don't and I don't understand why</p>
  
  <p>here a an image of the app and as you can see I need to scroll on android:</p>
  
  <p><a href="https://i.stack.imgur.com/4lpts.png" rel="noreferrer"><img src="https://i.stack.imgur.com/4lpts.png" alt="enter image description here"></a></p>