Navigation Bar
Navigation Bar e descrição de seus componentes
Visão Geral
Descrição dos componentes de Screen e seus atributos.
O que é isso?
O componete Screen é um elemento do Beagle que permite ao usuário definir a estrutura de visualização de uma tela. Nesse componente definimos configurações como o uso de safe areas ou a exibição de uma barra de ferramentas/barra de navegação.
Todas essas funcionalidades são definidas a partir de atributos, que listamos na tabela abaixo, definindo as principais características de uma tela (Screen component).
| Atributo | Tipo | Obrigatório | Definição |
|---|---|---|---|
| id | String | Atributo que identifica uma tela em uma aplicação | |
| safeArea | Safe Area | Ative Áreas seguras para ajudar a colocar visualizações na parte visível da interface geral. Por padrão, não está habilitado e não restringirá a consideração de nenhuma área segura. | |
| navigationBar | Navigation Bar | Permite que alguns detalhes da Barra de Navegação sejam definidos, como Botão Voltar e Itens da Barra de Navegação | |
| child | Server-Driven Component | ✓ | Recebe uma lista de componentes do Beagle. |
| style | Style | Fornecer opções de personalização visual para a tela | |
| context | ContextData | Cria um Dados de Contexto para uma Tela. |
Como usá-la?
Screen(
navigationBar = NavigationBar(
title = "Beagle Screen",
showBackButton = true,
navigationBarItems = listOf(
NavigationBarItem(
text = "",
image = "informationImage",
onPress = listOf(Alert(
title = "Screen",
message = "Some message",
labelOk = "OK"
))
)
)
),
child = Container(
children = listOf(
Text("Some text")
)
)
)
Feedback
Was this page helpful?
Glad to hear it! Please tell us how we can improve.
Sorry to hear that. Please tell us how we can improve.
Última modificação 30/03/2022: fixes docs for screen.navigationBar.navigationItem.image (#894) (b2b4dd8f)