样式与ScrollView中的contentContainerStyle?

Kis*_*ore 12 scrollview react-native

当我申请{alignItems: 'center', justifyContent: 'center'}style道具,得到了下面的错误,

ScrollView子布局必须通过contentContainerStyle属性应用

然后将相同的样式应用于contentContainerStyle并正常工作 我无法理解之间的基本差异stylecontentContainerStyle以及何时使用它们。

我假设当ScrollView被调用时,两个views被调用。style适用于父母ViewcontentContainerStyle适用于儿童View

如果我错了,请纠正我。谢谢。

Tar*_*sri 27

您是对的,像这样想,ScrollView是一种特殊的View,ScrollView有两个部分:

  1. 容器(灰色框),它是外部视图,其高度不能超过窗口高度的100%

  2. 内容(以蓝色标记)是内部部分,它可以高于窗口高度,这是容器内部正在移动的内容。

在此处输入图片说明

ScrollView style定义ScrollView 的外部容器,例如其高度和与同级元素的关系

ScrollView contentContainerStyle定义它的内部容器,例如,项目对齐,填充等