我用flexGrow而不是flex解决了这个问题
<ScrollView contentContainerStyle={{ flexGrow: 1, justifyContent: 'center' }}>
这将使内容容器拉伸以填充ScrollView，但不限制最大高度，因此当内容扩展到ScrollView的边界时，您仍然可以正确滚动

这是我的方法。
使用flex : 1的外部容器，那么滚动视图需要使用contentContainerStyle的{flexGrow : 1, justifyContent : 'center'}，而不是style。

<View style={styles.mainContainer}>
  <ScrollView
    contentContainerStyle={{ flexGrow: 1, justifyContent: 'center' }}>
    <View style={styles.scrollViewContainer}>
      {/* Put your stuff here, and it will be centered vertically. */}
    </View>
  </ScrollView>
</View>

款式：

const styles = StyleSheet.create({
  mainContainer: { flex: 1 },
  scrollView: { height: Dimensions.get('window').height },
  scrollViewContainer: {},
});

有一个新的解决方案（不幸的是目前只有iOS）-我们可以在Scrollview上使用centerContent prop 。

为了使ScrollView本身垂直居中，那么你需要有这样的结构：

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

否则，如果你想让ScrollView内容本身居中，那么你需要以下内容：

<ScrollView contentContainerStyle={{flexGrow : 1, justifyContent : 'center'}} ...>

**编辑：**您现在可以使用<ScrollView contentContainerStyle={{flexGrow: 1}}>。

对于不支持flexGrow的旧版本React Native，请使用以下解决方案。
我发现，在iOS和Android上可靠地做到这一点的唯一方法是将内部视图的minHeight设置为ScrollView的大小。例如：

<ScrollView
    style={{flex: 1}}
    contentContainerStyle={{minHeight: this.state.minHeight}}
    onLayout={event => this.setState({minHeight: event.nativeEvent.layout.height})}
>

注意：为了简单起见，我已经内联了上面的样式和函数，但是你可能想对不变的值使用常量引用，并记住变化的样式，以防止不必要的重新呈现。

const {minHeight} = this.state;
// Manually memorise changing style or use something like reselect...
if (this.lastMinHeight != minHeight) {
    this.lastMinHeight = minHeight;
    this.contentContainerStyle = {minHeight: minHeight}
}
<ScrollView
    style={styles.scrollViewStyle}
    contentContainerStyle={this.contentContainerStyle}
    onLayout={this.onScrollViewLayout}
>

为什么不在ScrollView中只换行第二页？

return (
    <ScrollView >
        <View style={styles.lipsum}>
            {this.renderButton()}
            <Text style={styles.lipsumText}>{lipsumText}</Text>
        </View>
    </ScrollView>
  );

只要修改你的第一个例子，它就像一个魅力：）

我只是简单地使用

paddingTop: Dimensions.get("window").height / 4,

在所需视图中，例如：

<ScrollView>
   <View
   style={{
   paddingTop: Dimensions.get("window").height / 4,
   }}
   >
   <PaymentEmptyList />
   </View>
</ScrollView>