Parallax

A container for blocks with a parallax scrolling effect for the background image.

Properties

background: <image>

<image> of the container's background.

contentStyle

Style applied to the content of the container.

• padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft
  Internal padding of the container. Learn more.

• opacity
  Opacity of the entire block along with its content. Learn more.

• flexDirection
  Defines the main axis of the container (the direction of blocks within the container). Learn more.

• justifyContent
  Alignment and distribution of space along the main axis of the container. Learn more.

• alignItems
  Alignment across the main axis of the container. Learn more.

• alignContent
  Distribution of space across the main axis of the container. Learn more.

• flexWrap
  Wrapping blocks onto a new line along the main axis of the container. Learn more.

style

Style applied to the container. Only external margins can be set.

• margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft
  External margins of the block. Learn more.

Examples