current
object (in the case of a repeated iitem), and then have two separate Open page nodes that each open a different page.navigation
type configuration property. They will not appear in the built-in navigation.navigation
type property can be used together with your app's navigation lists to create custom navigation in the app.
The navigation
property type is a list of objects with page_name
, font_icon_name
, page_uid
and title
properties. It can be bound to a navigation list defined on the Navigation tab. The property type only exists for components, not for variables.
How to create a custom navigation component for your app
First, create your custom navigation component's layout by placing a single Container on the view canvas. Choose the created container and follow the "Convert to new component" in the Properties bar to turn the container into a custom component.navigation
type property for the component:navigation
property you just created. You can do so by selecting 'Repeat with', then choosing 'Component properties' -> 'Composite component internal property'. You should now see several copies of the container.
Use the "Open page" flow function on the "Component tap" event of the navigation item (2nd container) to make the component functional. "Page to open" property should automatically bound to current.page_uid
. Bind the text's content and icon's name to current.title
and current.font_icon_name
respectively.
Lastly, exit the Component Template Editor and bind your app's custom navigation list to the component you just created to make it work.