Skip to main content

ImageBackground

ImageBackground is a component that displays an image as a background with content rendered on top of it.

Usage​

<ImageBackground 
  src="https://example.com/image.jpg"
  resizeMode="cover"
>
  <Text color="white">Content on top of the image</Text>
</ImageBackground>

Props​

ImageBackground accepts the same props as Image, plus it can contain child components.

  • All Image props (src, resizeMode, etc.)
  • Can contain children that will be displayed on top of the image