Tabview

Nesta seção, você encontra uma descrição do componente Tab View e seus atributos. Este componente foi depreciado

O que é Tab View?

O componente Tab View é responsável pela navegação entre views. Ele exibe tabs correspondentes a diferentes visualizações que podem ser acessadas por meio dela.

A estrutura é representada como mostrado abaixo:

AtributoTipoObrigatórioDefinição
childrenList<TabItem>✓Uma lista de tab itens disponíveis no componente Tab View. O Tab Item em si não é um widget, mas seu conteúdo é um componente server driven recebido por meio do Beagle.
styleIdStringRecebe uma chave que é registrada no Design System de cada plataforma para fazer customização no componente.
contextContextDataAdiciona um contexto para o Tab View.

O que é Tab Item?

Componente corresponde a itens do Tab View e possui a seguinte estrutura:

AtributoTipoObrigatórioDefinição
titleStringExibe o texto no item do Tab View. Se ele não for declarado ou se for configurado com o valor nulo, não irá aparecer na tela.
iconPathExibe uma imagem local como ícone no item do Tab View. Se ele não for declarado ou for configurado com o valor nulo, não irá aparecer na tela.
childComponent✓Obrigatório. Define qual view será inflada no Tab Item de acordo com o tab clicado. Qualquer componente server-driven pode pode ser um item em uma Tab View.

Como usar?

Screen(
  child = Container(
      children = listOf(
          TabView(children =
              listOf(
                  TabItem("Tab 1",
                      Text("First Tab Content").applyFlex(flex = Flex(grow = 1.0))
                  ),
                  TabItem("Tab 2",
                      Text("Second Tab Content").applyFlex(flex = Flex(grow = 1.0))
                  )
              )
              )
          )
      )
  )
Tab View tela inteiraTab View dividindo tela

Última modificação 12/02/2021: Fix/migrate images to aws (#299) (a7bb5457)