Interface FlexProps

Valores aceitos para uso de flexbox

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
   direction="column"
   alignItems="center"
>
 <Text>Super customizado</Text>
 <Text>Super customizado</Text>
 <Text>Super customizado</Text>
</View>

Hierarchy

Properties

alignContent? alignItems? alignSelf? basis? direction? flexNone? flexWrap? gap? grow? justifyContent? justifyItems? justifySelf? order? shrink?

Properties

Optional alignContent

alignContent?: "center" | "start" | "end" | "between" | "around"

O alinhamento do conteúdo ao longo do eixo transversal.

Optional alignItems

alignItems?: "center" | "start" | "end" | "between" | "around"

O alinhamento dos itens ao longo do eixo transversal.

Optional alignSelf

alignSelf?: "center" | "start" | "end" | "between" | "around"

O alinhamento do próprio item ao longo do eixo transversal.

Optional basis

basis?: number | "auto"

A base do item flexível.

Optional direction

direction?: "row" | "column" | "row-reverse" | "column-reverse"

A direção do flexbox.

Optional flexNone

flexNone?: boolean

Define se o item deve ter flexibilidade nula.

Optional flexWrap

flexWrap?: "center" | "start" | "end" | "between" | "around"

O envolvimento dos itens em várias linhas ou colunas.

Optional gap

gap?: number

O espaçamento entre os itens flexíveis.

Optional grow

grow?: number | "auto"

A proporção de crescimento do item flexível.

Optional justifyContent

justifyContent?: "center" | "start" | "end" | "between" | "around"

O alinhamento dos itens ao longo do eixo principal.

Optional justifyItems

justifyItems?: "center" | "start" | "end" | "between" | "around"

O alinhamento dos próprios itens ao longo do eixo principal.

Optional justifySelf

justifySelf?: "center" | "start" | "end" | "between" | "around"

O alinhamento do próprio item ao longo do eixo principal.

Optional order

order?: number

A ordem do item no fluxo flexível.

Optional shrink

shrink?: number | "auto"

A proporção de encolhimento do item flexível.

Settings

Member Visibility

Theme

On This Page