React native,scrollView 正在修剪空的 'view' 组件(也有背景颜色)

React native, scrollView is trimming the empty 'view' components(having background color as well)

React Native 的新手,我有一个以 flex 方向为行的视图组件,现在它嵌套了两个背景颜色分别为粉红色和蓝色的视图组件。它按预期呈现。
without Scrollview image

<View style={{flex:1, flexDirection:'row'}}>
    <View style ={{flex:0.3, backgroundColor: 'pink'}}>
    </View>
    <View style ={{flex:0.7, backgroundColor: 'blue'}}>
    </View>
</View>

现在,如果我将上面的代码包装在 scrollView 中,则屏幕上不会呈现任何内容。它正在修剪空视图 components.I 希望 scrollview 也应该使用背景颜色渲染空视图组件。 with scrollview image

<View style={{flex:1}}>
    <ScrollView style={{flex:1}}>
        //above code here
    </ScrollView>
</View>

像这样将 ScrollView 样式属性更改为 contentContainerStyle:

 <ScrollView contentContainerStyle={{flex:1}}>

检查此 link: