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
titleString✓Tí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
textString✓Título do item da barra.
imageBindid da imagem para mostrar no item.
onPressList<Action>✓Lista de ações que devem ser realizadas 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 = "informationImage",
                    onPress = listOf(Alert(
                        title = "Screen",
                        message = "Some message",
                        labelOk = "OK"
                    ))
                )
            )
        ),
        child = Container(
            children = listOf(
                Text("Some text")
            )
        )
    )

Última modificação 30/03/2022: fixes docs for screen.navigationBar.navigationItem.image (#894) (b2b4dd8f)