[Javier]

Hello,

How can I pop all pages in NavigationStack included in a NavigationItem when the current navigation index changes?. The idea is to go to the initial page in the NavigationStack when the user changes the Navigation page and the go back to the previous one.

Thanks.

[AlexFelgo Team]

Hi Javier,

there are several ways to do this, let me just quickly highlight what you could have a look at:

Navigation –> has currentIndex and currentNavigationItem, you can listen to the changed signal to check if the current NavigationItem changed

NavigationItem –> has a selected() signal that you could also be used to check if your desired NavigationItem got active

NavigationStack –> has popAllExceptFirst() method to go back to initial page

Cheers,
Alex

[Javier]

Thanks Alex. The issue is that I cannot get access to the NavigationStack id since it inherits from Loader. I do not know how to overcome this.

Navigation {
  id: nav

  // Item
  NavigationItem {
    id: navItem          
    onSelected: navItemStck.popAllExceptFirst() // ReferenceError

    NavigationStack {
      id: navItemStck
    }
  }
}

 

[AlexFelgo Team]

Hi,

the NavigationItem has a property navigationStack, that holds a reference to the contained NavigationStack item, you can just use

onSelected: navItem.navigationStack.popAllExceptFirst()

Cheers,
Alex

[Javier]

Ahhh, thanks!. I think a have to read again the documentation :-).

[AlexFelgo Team]

Alright Javier, written exam tomorrow, be prepared! 🙂