title: Not able to scroll using Scrollview in React Native
body: <p>I'm working on a React Native app, and the <code>&lt;ScrollView&gt;</code> isn't working for some reason. All the <code>&lt;View&gt;</code> that have their size defined by width and height are sized as if there was a <code>&lt;ScrollView&gt;</code>, but I can't actually scroll.</p>
  <p>I used to be able to scroll, but then for some reason when I defined the size of the sun images by giving them an actual height instead of just letting them be their default size I lost the ability to scroll.</p>
  <p>Any help is appreciated!</p>
  <pre><code>import React from 'react';
  import { StyleSheet, Text, View, Image, ImageBackground, ScrollView } from 'react-native';
  
  export default class App extends React.Component {
      render() {
          return (
              &lt;ImageBackground style={style.background} source={require('./assets/HomeBack.png')}&gt;
                  &lt;View style={style.body}&gt;
                      &lt;View style={style.header}&gt;
                          &lt;Text style={style.headerText}&gt; Weather&lt;/Text&gt;
                      &lt;/View&gt;
                      &lt;ScrollView&gt;
                          &lt;Image style={style.mars} source={require('./assets/Mars.png')}&gt;&lt;/Image&gt;
  
                          &lt;View style={style.solTemp}&gt;
                              &lt;Text style={style.solTempText}&gt; -20&lt;/Text&gt;
                          &lt;/View&gt;
  
                          &lt;View style={style.sol}&gt;
                              &lt;Text style={style.solText}&gt; Sol XXXX  &lt;/Text&gt;
                          &lt;/View&gt;
  
                          &lt;View style={style.date}&gt;
                              &lt;Text style={style.dateText}&gt; 21 October 2021 &lt;/Text&gt;
                          &lt;/View&gt;
                          &lt;View style={style.sideline}&gt;&lt;/View&gt;
  
  
                          &lt;View style={style.container}&gt;
                              &lt;View style={style.week}&gt;
                                  &lt;Text style={style.weekText}&gt; Sol XXXX-1&lt;/Text&gt;
                              &lt;/View&gt;
                              &lt;Image style={style.sun} source={require('./assets/sun.png')}&gt;&lt;/Image&gt;
                              &lt;View style={style.temp}&gt;
                                  &lt;Text style={style.weekText}&gt;-sdfgsdfg sfdgsdfgr&lt;/Text&gt;
                              &lt;/View&gt;
                          &lt;/View&gt;
  
                          &lt;View style={style.container}&gt;
                              &lt;View style={style.week}&gt;
                                  &lt;Text style={style.weekText}&gt; Sol XXXX-2&lt;/Text&gt;
                              &lt;/View&gt;
                              &lt;Image style={style.sun} source={require('./assets/sun.png')}&gt;&lt;/Image&gt;
                              &lt;View style={style.temp}&gt;
                                  &lt;Text style={style.weekText}&gt;-40&lt;/Text&gt;
                              &lt;/View&gt;
                          &lt;/View&gt;
  
                          &lt;View style={style.container}&gt;
                              &lt;View style={style.week}&gt;
                                  &lt;Text style={style.weekText}&gt; Sol XXXX-3&lt;/Text&gt;
                              &lt;/View&gt;
                              &lt;Image style={style.sun} source={require('./assets/sun.png')}&gt;&lt;/Image&gt;
                              &lt;View style={style.temp}&gt;
                                  &lt;Text style={style.weekText}&gt;-40&lt;/Text&gt;
                              &lt;/View&gt;
                          &lt;/View&gt;
  
                          &lt;View style={style.container}&gt;
                              &lt;View style={style.week}&gt;
                                  &lt;Text style={style.weekText}&gt; Sol XXXX-4&lt;/Text&gt;
                              &lt;/View&gt;
                              &lt;Image style={style.sun} source={require('./assets/sun.png')}&gt;&lt;/Image&gt;
                              &lt;View style={style.temp}&gt;
                                  &lt;Text style={style.weekText}&gt;-40&lt;/Text&gt;
                              &lt;/View&gt;
                          &lt;/View&gt;
  
                          &lt;View style={style.container}&gt;
                              &lt;View style={style.week}&gt;
                                  &lt;Text style={style.weekText}&gt; Sol XXXX-5&lt;/Text&gt;
                              &lt;/View&gt;
                              &lt;Image style={style.sun} source={require('./assets/sun.png')}&gt;&lt;/Image&gt;
                              &lt;View style={style.temp}&gt;
                                  &lt;Text style={style.weekText}&gt;-40&lt;/Text&gt;
                              &lt;/View&gt;
                          &lt;/View&gt;
  
                          &lt;View style={style.container}&gt;
                              &lt;View style={style.week}&gt;
                                  &lt;Text style={style.weekText}&gt; Sol XXXX-6&lt;/Text&gt;
                              &lt;/View&gt;
                              &lt;Image style={style.sun} source={require('./assets/sun.png')}&gt;&lt;/Image&gt;
                              &lt;View style={style.temp}&gt;
                                  &lt;Text style={style.weekText}&gt;-40&lt;/Text&gt;
                              &lt;/View&gt;
                          &lt;/View&gt;
  
                          &lt;View style={style.container}&gt;
                              &lt;View style={style.week}&gt;
                                  &lt;Text style={style.weekText}&gt; Sol XXXX-7&lt;/Text&gt;
                              &lt;/View&gt;
                              &lt;Image style={style.sun} source={require('./assets/sun.png')}&gt;&lt;/Image&gt;
                              &lt;View style={style.temp}&gt;
                                  &lt;Text style={style.weekText}&gt;-40&lt;/Text&gt;
                              &lt;/View&gt;
                          &lt;/View&gt;
  
                          &lt;View style={style.fact}&gt;
                              &lt;Text style={style.factText}&gt; Fun fact, it's almost always sunny on Mars.&lt;/Text&gt;
                          &lt;/View&gt;
                          &lt;View style={style.sideline}&gt;&lt;/View&gt;
  
                      &lt;/ScrollView&gt;
                  &lt;/View&gt;
              &lt;/ImageBackground&gt;
          );
      }
  }
  const style = StyleSheet.create({
      background: {
          flex: 1,
          resizeMode: 'stretch'
      },
      body: {
          flex: 1,
      },
      header: {
          marginTop: 20,
          height: '10%',
          width: '100%',
          justifyContent: 'center',
          alignItems: 'center',
      },
      headerText: {
          fontSize: 50,
          color: '#F1FAEE',
      },
      mars: {
          justifyContent: 'center',
          alignSelf: 'center',
          height: '40%',
          width: '70%'
      },
      solTemp: {
          justifyContent: 'center',
          alignSelf: 'center',
          alignItems: 'center'
      },
      solTempText: {
          fontSize: 60,
          color: '#F1FAEE'
      },
      sol: {
          marginTop: 1,
          width: '40%',
          height: '7%',
          borderWidth: 8,
          borderRadius: 10,
          borderColor: '#323547',
          justifyContent: 'center',
          alignItems: 'center',
          alignSelf: 'center',
          backgroundColor: '#323547',
      },
      solText: {
          fontSize: 30,
          color: '#F1FAEE',
          fontWeight: '800'
      },
      container: {
          marginTop: 14,
          width: '70%',
          height: '8%',
          borderWidth: 8,
          borderRadius: 10,
          borderColor: '#323547',
          borderStartColor: '#323547',
          justifyContent: 'center',
          alignSelf: 'center',
          backgroundColor: '#323547',
          flexDirection: 'row',
          flex: 1
      },
      solHeader: {
          height: '5%',
          width: '90%',
          alignSelf: 'center',
          alignItems: 'center',
          justifyContent: 'center'
      },
      solText: {
          fontSize: 30,
          justifyContent: 'center',
          color: '#F1FAEE',
      },
  
      containerInner: {
          margin: 1,
          width: '90%',
          height: '3.25%',
      },
      innerText: {
          fontSize: 10,
          justifyContent: 'center',
          color: '#F1FAEE',
  
      },
      date: {
          marginTop: 20,
          borderWidth: 8,
          borderRadius: 10,
          borderColor: '#323547',
          borderStartColor: '#323547',
          justifyContent: 'center',
          alignItems: 'center',
          alignSelf: 'center',
          height: '6%',
          width: '50%',
          backgroundColor: '#323547'
      },
      dateText: {
          fontSize: 20,
          justifyContent: 'center',
          color: '#F1FAEE',
      },
      sun: {
          height: '70%',
          width: '20%'
      },
      week: {
          height: '10%',
          width: '20%'
      },
      weekText: {
          color: '#F1FAEE',
      },
      temp: {
          color: 'white',
      },
      sideline: {
          marginTop: 10,
          height: '.2%',
          width: '70%',
          backgroundColor: 'white',
          justifyContent: 'center',
          alignSelf: 'center'
      },
      upline: {
          height: '90%',
          width: '0.5%',
          backgroundColor: 'white',
      },
      solData: {},
      sunRise: {}
  });
  </code></pre>