React Native Scrollview error: Half the page is a Scrollview but the other half is a blank page

Question

我的 Scrollview 有问题：当我将它添加到我的项目时，我得到的页面被分成两半，我的滚动视图的元素在上半部分，下面没有任何内容。我正在使用 expo（不确定这里是否有问题）这是我添加的内容：

<View>
<ScrollView style={{ flex: 1 }} contentContainerStyle={{ flexGrow: 1 }}>

然后我有了我的图片、文字和视频。有人能帮我吗？我在网上没有找到类似的问题。

Answer 1

尝试将 flex:1 添加到父视图，如

<View style={{flex:1}}> 
   <ScrollView style={{ flex: 1 }} contentContainerStyle={{ flexGrow: 1 }}>
          ....
   </ScrollView>
</View>

scrollview