[Alberto]

Hi,

Is there a way to move Navigation Bar items (such as the arrow at the left of the title) as you do with the title? I noticed that there are several properties which refer to the title positioning, but none that refers to the items. Now, moving Navigation Bar items would carry out my purpose, but I don’t necessarily need to do that if there is another way, so I explain what I need to do:

I want to keep using Navigation Bar title and items, and I want to load an image (a logo) to use as Navigation Bar background, which needs not to be covered by title and items.

I hope I have been able to clearly explain my situation, thanks in advance

[AlexFelgo Team]

Hi Alberto,

the recommended approach for such a case would be to add your own custom left/right bar items, that include the required paddings.

Alternatively, you could use an internal property to modify the content of the navigation bar, which may could help you to reach your desired layout.

NavigationStack {
  navigationBar._content.width: parent.width - dp(60)
  navigationBar._content.anchors.horizontalCenter: navigationBar._content.parent.horizontalCenter
  //navigationBar._content.x: dp(30) // This could also be modified, the width will adapt accordingly already

  // ...
}

Best,
Alex