web-dev-qa-db-ja.com

スタイル対ScrollViewのcontentContainerStyle?

適用する場合{alignItems: 'center', justifyContent: 'center'} to style prop、次のエラーが発生しました、

ScrollView子レイアウトは、contentContainerStyleプロパティを介して適用する必要があります

次に、同じスタイルをcontentContainerStyleに適用して正常に動作しました。 stylecontentContainerStyleの基本的な違いと、いつ使用するかを理解できません。

ScrollViewが呼び出されると、2つのviewsが呼び出されると想定しています。 styleは親に適用可能ViewおよびcontentContainerStyleは子に適用可能View

私が間違っていたら訂正してください。ありがとう。

15
Mighty

正解です。このように考えてください。ScrollViewは特別な種類のビューであり、ScrollViewには2つの部分があります。

  1. コンテナ(灰色のボックス)、それは外側のビューであり、その高さはウィンドウの高さの100%を超えることはできません

  2. コンテンツ(青でマーク)は内部であり、ウィンドウの高さより高くなる場合があります。これは、コンテナーの内部を移動しているものです。

enter image description here

ScrollView styleは、ScrollViewの外部コンテナーを定義します。たとえば、その高さと兄弟要素との関係

ScrollView contentContainerStyleは、アイテムの配置、パディングなど、その内部コンテナーを定義します

22
Tareq El-Masri