另一个视图内的ScrollView在React Native中不起作用

Question

render() {
    return (


<View style ={styles.container}>    
    {/*for header*/}
     <View style = {{flexDirection:'row',justifyContent:'space-between',alignItems: 'center',width:'100%',height:'09%',backgroundColor: '#009AFF'}}>

                <TouchableWithoutFeedback onPress={() =>this.props.navigation.goBack()}>
                             <Image style={{width: 25, height: 25,margin:10}}  source={require('../assets/clinic/left-arrow.png')} />
                 </TouchableWithoutFeedback>

                 <View>
                  <Text style={{fontSize: 21,fontWeight: 'bold', color: "white",paddingRight:25}}>Dummy</Text>
                 </View>

                <View>
                </View>

     </View>

     {/*for main content*/}

     <ScrollView style={{width:'100%',height:'90%'}}  contentContainerStyle={{ flexGrow: 1 }} nestedScrollEnabled={true}> 
     <View>

    <View style = {{width:'100%',height:'45%',backgroundColor: '#009AFF',justifyContent:'center',alignItems: 'center'}}>
    <Text style={{fontSize: 18,fontWeight: 'bold', color: "white",paddingRight:25}}>John Alison</Text>
     </View>

     <TouchableOpacity
        style={styles.submitButton}>
                <Text style={styles.submitText}>Update</Text>
    </TouchableOpacity>
     <TouchableOpacity
        style={styles.submitButton}>
                <Text style={styles.submitText}>Update</Text>
    </TouchableOpacity>
     <TouchableOpacity
        style={styles.submitButton}>
                <Text style={styles.submitText}>Update</Text>
    </TouchableOpacity>

     </View>
     </ScrollView>

</View>

)
}

我已经在React Native中实现了以上代码以用于学习目的。但是在上面的代码中，ScrollView不起作用，意味着它不滚动，为什么？我尝试了很多可能的方法，例如将flex和flexGrow设置为1，启用嵌套滚动，但它不起作用。我的代码出了什么问题