React-Native, Scroll View Not Scrolling

Question

When I wrap content like this example below, it scrolls Perfectly..

return(     <ScrollView>         <Text> TEST </Text>         <Text> TEST </Text>         <Text> TEST </Text>         <Text> TEST </Text>         ...     </ScrollView> ); 

However, whenever I wrap it in another View, It will not scroll.

return(     <View>         <ScrollView>             <Text> TEST </Text>             <Text> TEST </Text>             <Text> TEST </Text>             <Text> TEST </Text>             ...             </SCrollView>     </View> ); 

Is there some sort of fix to this. I am trying to put a nav bar header above all of the content, couldn't really figure it out though.

Answer 1

It's a typo:
Your closing ScrollView tag is: </SCrollView> rather than </ScrollView>. You also need to add a style to the View container, here's an example of what it should look like:

return(   <View style={{flex: 1}}>     <ScrollView>       <Text> TEST </Text>       <Text> TEST </Text>       <Text> TEST </Text>       <Text> TEST </Text>       ...         </ScrollView>   </View> );