⚠️ You are viewing documentation for version: v1.5
Beagle v1.5 is no longer actively maintained. The documented version you are viewing may contain deprecated functionality. For up-to-date documentation, see the latest version .
Navigation Bar
What is it?
A class that defines a navigation bar in the top of the screen and it’s composed by the following attributes:
Attribute | Type | Required | Definition |
---|---|---|---|
title | String | ✓ | Title for the action/navigation’s bar. |
show back button | Bool | Enables the return bottom on the action/navigation’s bar. Default is true . | |
style id | String | Allows local customization for the action/navigation’s bar. | |
navigation bar items | Navigation Bar Item | Defines an item’s list for the action/navigation’s bar. | |
back button accessibility | Accessibility | Accessibility’s informations of the backButton. |
What is a NavigationBarItem?
A class that defines an item for Navigation's bar
and and it has the following attributes:
Attribute | Type | Required | Definition |
---|---|---|---|
text | String | Title for the bar’s item. | |
image | Image | Image for the bar’s item. | |
action | Action | Action that can be done when you click on the navigations bar item. | |
accessibility | Accessibility | Accessibiliy’s options for the navigation item. | |
id | String | Component’s identifier. |
How to use it?
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")
)
)
)
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.
Last modified February 11, 2021: create content (#298) (43225e15)