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	Definition
text	String	Title for the bar’s item.
image	Image	Image for the bar’s item.
onPress	List<Action>	List of actions 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.

 Screen(
        navigationBar = NavigationBar(
            title = "Beagle Screen",
            navigationBarItems = listOf(
                NavigationBarItem(
                    text = "",
                    image = Local.justMobile("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.

Last modified January 31, 2022: feature: beagle orange (#837) (a117de55)