ScrollView组件在必要时不允许在Android上滚动

Question

react native中的滚动视图组件将在必要时不允许滚动。

我尝试将样式更改为flex：1和flexGrow：

taskListView:<View style={styles.taskListView}>
                            <ScrollView scrollEnabled={true} contentContainerStyle={{flex:1}}>
                                <View style={{flexDirection:'row',height:'30%',width:'100%',borderRadius:20}}>
                                    <View style={{width:'80%',height:'100%'}}>
                                        <View style={{height:'20%',backgroundColor:'blue',borderTopLeftRadius:20,borderWidth:1,borderColor:'black'}}></View>
                                        <View style={{height:'60%',backgroundColor:'red',borderWidth:1,borderColor:'black'}}></View>
                                        <View style={{height:'20%',flexDirection:'row'}}>
                                            <View style={{flex:1,backgroundColor:'blue',borderBottomLeftRadius:20,borderWidth:1,borderColor:'black'}}></View>
                                            <View style={{flex:1,backgroundColor:'green',borderWidth:1,borderColor:'black'}}></View>
                                        </View>
                                    </View>
                                    <View style={{width:'20%',height:'100%'}}>
                                        <TouchableOpacity style={{flex:1,backgroundColor:'green', borderTopRightRadius:20,borderWidth:1,borderColor:'black'}}>
                                        </TouchableOpacity>
                                        <TouchableOpacity style={{flex:1,backgroundColor:'blue',borderBottomRightRadius:20,borderWidth:1,borderColor:'black'}}>
                                        </TouchableOpacity>
                                    </View>
                                </View>
                            </ScrollView>
                        </View>