Interface BackgroundProps

Valores aceitos para Background com image.

Se estiver procurando sobre cor de fundo, procure as ColorProps

Basicamente todas as propriedades já conhecidas do HTML estão presentes, mas seus valores são pré-definidos

Veja abaixo um exemplo utilizando algumas as propriedades:

<View
   backgroundImage={require("../assets/images/luminus-ui.jpg")}
   backgroundSize="cover"
   backgroundPosition="bottom"
   backgroundRepeat="repeat-x"
>
 <Text>Super customizado</Text>
</View>

Hierarchy

Properties

backgroundAttachment? backgroundBlendMode? backgroundClip? backgroundImage? backgroundOrigin? backgroundPosition? backgroundPositionX? backgroundPositionY? backgroundRepeat? backgroundSize?

Properties

Optional backgroundAttachment

backgroundAttachment?: "scroll" | "fixed" | "local" | "none"

A fixação do plano de fundo.

Optional backgroundBlendMode

backgroundBlendMode?: "normal" | "multiply" | "hard-light" | "difference"

O modo de mesclagem do plano de fundo.

Optional backgroundClip

backgroundClip?: "border-box" | "padding-box" | "content-box" | "text"

A área de recorte do plano de fundo.

Optional backgroundImage

backgroundImage?: any

A imagem de plano de fundo.

Optional backgroundOrigin

backgroundOrigin?: "border-box" | "padding-box" | "content-box"

A origem do posicionamento do plano de fundo.

Optional backgroundPosition

backgroundPosition?: string

A posição do plano de fundo.

Optional backgroundPositionX

backgroundPositionX?: string

A posição horizontal do plano de fundo.

Optional backgroundPositionY

backgroundPositionY?: string

A posição vertical do plano de fundo.

Optional backgroundRepeat

backgroundRepeat?: "repeat" | "space" | "round" | "no-repeat" | "repeat-x" | "repeat-y"

A repetição do plano de fundo.

Optional backgroundSize

backgroundSize?: "cover" | "contain" | "auto"

O tamanho do plano de fundo.

Settings

Member Visibility

Theme

On This Page