我使用的是React Native，当我引入ScrollView时，我很难保持元素的垂直居中.为了演示，我用React Native Playerd创建了3个应用程序.所有示例都有两页，可以通过点击蓝色按钮进行切换.
Example 1:
第一个示例显示了第2页上垂直居中的块.这是因为容器应用了以下样式:
flex: 1,
flexDirection: 'column',
justifyContent: 'center',
https://rnplay.org/apps/lb5wSQ
然而，一旦切换到第2页，就会出现问题，因为页面的整个内容都不适合，所以我们需要ScrollView.
Example 2
在本例中，我将所有内容都包装在ScrollView中.这允许第2页滚动，但现在我失go 了第1页的垂直居中.
https://rnplay.org/apps/DCgOgA
Example 3
为了恢复第一页的垂直居中，我将flex: 1应用于ScrollView的contentContainerStyle.这修复了第1页的垂直居中，但我无法再向下滚动到第2页的底部.
https://rnplay.org/apps/LSgbog
我怎样才能解决这个问题，使我在第1页上的元素垂直居中，但仍然让ScrollView在第2页上滚动到底？