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:
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: