这将导致屏幕为半蓝半黄，不是2/3黄吗？
<View style={{flex:1,flexDirection:'column'}}>
<View style={{flex:1,backgroundColor: 'blue'}}></View>
<ScrollView style={{flex:2}} contentContainerStyle={{flex:1,backgroundColor: 'yellow'}}></ScrollView>
</View>
总的来说，您是对的，但是对本机的ScrollView的反应有所不同。如您在文档中所读：
请记住，滚动视图必须具有一定的高度才能正常工作，因为它们将高度不受限制的子级包含在一个有限的容器中（通过滚动交互）。为了限制ScrollView的高度，请直接设置视图的高度（不建议使用），或者确保所有父视图的高度都已限制。忘记在视图堆栈中向下传递{flex：1}可能会导致错误，元素检查器使调试变得容易。
为了实现所需的行为，您可以执行以下操作：
<View style={{flex:1,flexDirection:'column'}}>
<View style={{flex:1,backgroundColor: 'blue'}}></View>
<View style={{flex:2}}> // surround scrollview with flex 2
<ScrollView contentContainerStyle={{flex:1,backgroundColor: 'yellow'}}></ScrollView>
</View>
</View>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句