Reactjs 如何修复此屏幕以在React Native中向下滚动，因为我不能？

当我试图用scrollView在应用程序中呈现标题和主页时，我无法滚动到页面末尾并查看所有内容

我试过了

这是我的应用程序文件

  render() {
    return (
      <View style={{flex:1,backgroundColor:"#f9f9f9"}}>
      <Header />
      <ScrollView contentContainerStyle={styles.contentContainer}>
      <HomePage/>
      </ScrollView>
    </View>
    );
}

 }

 const styles = StyleSheet.create({
  contentContainer: {
    flexGrow:1,
  }
});

export default App;

---

像这样的东西应该可以工作，我看不到整个上下文，标题应该有固定的高度，flex在scrollView中不起作用

  render() {
    return (
      <View style={{ flex:1, backgroundColor:"#f9f9f9"}}>
        <Header /> 
        <ScrollView style={{ height: '100%'}}>
          <HomePage/>
        </ScrollView>
      </View>
    );
  }

---

尝试在主页组件视图中添加marginBottom:10。感谢您的回复，但不起作用，还有什么我可以做的吗？似乎ScrollView根本没有响应。在contentContainer中添加paddingBottom:10

  render() {
    return (
      <View style={{ flex:1, backgroundColor:"#f9f9f9"}}>
        <Header /> 
        <ScrollView style={{ height: '100%'}}>
          <HomePage/>
        </ScrollView>
      </View>
    );
  }