Fondos

Establece un fondo en cualquier pantalla desde el panel Fill en Screen settings. Elige entre cuatro tipos de fondo: color sólido, degradado, imagen o vídeo.

Imagen

Flow builder background image

Sube un archivo .JPG, .PNG, .GIF o .WEBP de hasta 20 MB. La imagen se escala para cubrir todo el fondo.

Las imágenes y vídeos de fondo ocupan todo el viewport, incluidas las áreas detrás de la muesca y las barras del sistema, incluso cuando Safe area está activada. Mantén el contenido importante alejado de los bordes para evitar recortes.

Para cambiar la imagen de fondo en tiempo de ejecución desde el código de tu app, activa un ID de media personalizado.

Vídeo

Flow builder background video

Sube un archivo .MP4 o .WEBM de hasta 50 MB. La vista previa muestra un fotograma estático, pero el vídeo se reproduce en el dispositivo en tiempo de ejecución.

Activa Loop para reproducir el vídeo en bucle de forma continua.

Para cambiar el vídeo de fondo en tiempo de ejecución, activa un ID de media personalizado.

Color sólido

Flow builder solid background

Introduce un valor hexadecimal y ajusta la opacidad del 0 al 100%. Elige un estilo de color guardado desde la muestra para aplicar el color de tu marca; el fondo sigue automáticamente tus temas claro y oscuro.

Degradado

Flow builder gradient background

Crea un degradado lineal con múltiples paradas:

  • Direction — rota el degradado de 0 a 360°.
  • Stops — arrastra a lo largo de la barra para reposicionar. Haz clic en una parada para editar su valor hexadecimal y opacidad.
Configuring a gradient fill with multiple color stops