在顶部和底部均以相同的填充物反应本地ScrollView项目

Question

我正在设计一个滚动组件，使其看起来像图像库。我试图根据设备的高度将图像居中，并在顶部和底部都使用相同的填充。但是基于设备，顶部填充看起来不太好。我需要帮助使其在所有设备中保持一致。

要获取我正在使用尺寸的设备的高度和宽度

C:\WINDOWS\System32\wbem

请参考所附图片以获取当前输出

Answer 1

为此有一个名为contentContainerStyle

的道具

<ScrollView 
  contentContainerStyle={{
    paddingTop: 25,
    paddingBottom: 25,
  }}>
 *** CONTENT ***
</ScrollView>

Answer 2

尝试使包含图像组件样式的视图为：

<View styles={{flex:1, justifyContent:'center', alignItems:'center'}}>... </View>

不给顶部和底部填充，而是给图像提供固定的高度。