Footer

A container located at the bottom edge of the device screen. <footer> is displayed over content that does not fit within the visible area of the screen.

Properties

• style

  Changes the appearance, position, and geometry of the block.

• height, maxHeight, minHeight
  The height of the block. Learn more.

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

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

• border
  Sets borders for the block on all four sides: thickness, style, and color. Learn more.

• borderTop, borderRight, borderBottom, borderLeft
  Sets individual borders for the sides of the block: thickness and color. Learn more.

• borderRadius, borderBottomLeftRadius, borderBottomRightRadius, borderTopLeftRadius, borderTopRightRadius
  Rounding the corners of the borders. Learn more.

• borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth
  Thickness of the borders. Learn more.

• borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor
  Color of the borders. Learn more.

• backgroundColor
  Background color of the block. Learn more.

• backgroundGradient
  Background gradient of the block. 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 in 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.

Examples