Navigazione circolare

Un chiaro esempio di dove tornare a una destinazione è quando la navigazione è circolare. Questo documento descrive il caso d'uso.

Scenario

Immagina che la tua app abbia tre destinazioni: A, B e C. Presenta anche azioni che portano da A a B, da B a C e da C ad A. Il grafico di navigazione corrispondente viene visualizzato come segue:

A ogni azione di navigazione, NavController aggiunge la nuova destinazione allo stack posteriore. Di conseguenza, esplorando ripetutamente il flusso nel diagramma, lo back stack dovrebbe contenere più insiemi per ogni destinazione: A, B, C, A, B, C, A, B, C.

Soluzione

Per evitare ripetizioni nello stack precedente, specifica popUpTo() e inclusive nella chiamata a NavController.navigate() o nell'azione di navigazione.

Considera un caso in cui, dopo aver raggiunto la destinazione C, lo stack di back contiene un'istanza di ogni destinazione: A, B, C. Devi assicurarti di aver definito popUpTo() e inclusive nell'azione o nell'invito a navigate() che porta l'utente dalla destinazione C alla destinazione A.

In questo caso, quando l'utente passa dalla destinazione C alla destinazione A, anche NavController appare in A. Ciò significa che B e C vengono rimossi dallo stack. Con inclusive = true, fa anche scattare la prima A, cancellando efficacemente lo stack.

Scrivi implementazione

Di seguito è riportata l'implementazione della soluzione per la circolare popUpTo() in Scrivi:

// When creating your `NavGraph` in your `NavHost`.
composable("c") {
    DestinationC(
        onNavigateToA = {
          navController.navigate("a") {
            popUpTo("a") {
              inclusive = true
            }
          }
        },
    )
}

Implementazione delle visualizzazioni

Di seguito è riportata l'implementazione della soluzione per la circolare popUpTo in View:

<fragment
    android:id="@+id/c"
    android:name="com.example.myapplication.C"
    android:label="fragment_c"
    tools:layout="@layout/fragment_c">

    <action
        android:id="@+id/action_c_to_a"
        app:destination="@id/a"
        app:popUpTo="@+id/a"
        app:popUpToInclusive="true"/>
</fragment>