Navigation Bar

Navigation Bar e descrição de seus componentes

O que é a NavigationBar?

Classe que define a barra superior com função de navegação. É composta pelos seguintes atributos:

AtributoTipoObrigatórioDefinição
titleStringTítulo para a barra de ações/navegação.
showBackButtonBooleanHabilita o botão de voltar na barra de ações/ navegação. Default é true.
styleIdStringPermite a customização local da barra de ações/navegação.
navigationBarItemsList<NavigationBarItem>Define uma lista de itens da barra de ação/navegação.
backButtonAccessibilityAccessibilityInformações de acessibilidade do backButton.

O que é a NavigationBarItem?

Classe que define o item da NavigationBar que é composto por:

AtributoTipoObrigatórioDefinição
textStringTítulo do item da barra.
imageImageImagem do item da barra.
actionActionAção que deve ser realizada ao clicar no item da barra de navegação.
accessibilityAccessibilityOpções de acessibilidade para o navigation item.
idStringIdentificador do componente.

Como usar?

Para usar uma NavigationBar é necessário declarar dentro de uma Screen. Segue um exemplo abaixo:

 Screen(
        navigationBar = NavigationBar(
            title = "Beagle Screen",
            navigationBarItems = listOf(
                NavigationBarItem(
                    text = "",
                    image = Local.justMobile("informationImage"),
                    action = Alert(
                        title = "Screen",
                        message = "Some message",
                        labelOk = "OK"
                    )
                )
            )
        ),
        child = Container(
            children = listOf(
                Text("Some text")
            )
        )
    )

Última modificação 11/02/2021: create content (#298) (43225e15)