OverlayScene

A specific scene to render 1 or more NavEntry instances as an overlay.

It is expected that the content is rendered in one or more separate windows (e.g., a dialog, popup window, etc.) that are visible above any additional Scene instances calculated from the overlaidEntries.

When processing overlaidEntries, expect processing of each SceneStrategy to restart from the first strategy. This may result in multiple instances of the same OverlayScene to be shown simultaneously, making a unique key even more important.

Summary

Public functions
open suspend Unit

Callback that is invoked after this OverlayScene is popped from the backStack, but before it leaves composition.
Cmn

Public properties
List<NavEntry<T>>

The NavEntrys that should be handled by another Scene that sits below this Scene.
Cmn

Inherited properties
From androidx.navigation3.scene.Scene
@Composable () -> Unit

The content rendering the Scene itself.
Cmn
List<NavEntry<T>>

The list of androidx.navigation3.runtime.NavEntrys that can be displayed in this scene.
Cmn
Any

The key identifying the Scene.
Cmn
open Map<String, Any>

Provide Scene-specific information to androidx.navigation3.ui.NavDisplay.
Cmn
List<NavEntry<T>>

The resulting NavEntrys that should be computed after pressing back updates the backstack.
Cmn

Public functions

onRemove

Cmn
Added in 1.1.0-alpha04
open suspend fun onRemove(): Unit

Callback that is invoked after this OverlayScene is popped from the backStack, but before it leaves composition.

Animations for exiting overlays should be implemented within onRemove. This ensures that any suspending animations or other suspending work completes before the overlay is removed from composition.

import androidx.compose.foundation.background
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.material3.Button
import androidx.compose.material3.Text
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.Color
import androidx.navigation3.runtime.entryProvider
import androidx.navigation3.runtime.metadata
import androidx.navigation3.runtime.rememberNavBackStack
import androidx.navigation3.scene.Scene
import androidx.navigation3.scene.SceneStrategy
import androidx.navigation3.ui.NavDisplay

val backStack = rememberNavBackStack(Landing)
NavDisplay(
    backStack = backStack,
    onBack = { backStack.removeLastOrNull() },
    sceneStrategy = AnimatedBottomSheetSceneStrategy(),
    entryProvider =
        entryProvider {
            entry<Landing> {
                Box(Modifier.fillMaxSize().background(Color.Green)) {
                    Button(onClick = { backStack.add(AnimatedBottomSheet) }) {
                        Text("Click to open bottom sheet")
                    }
                }
            }
            entry<AnimatedBottomSheet>(
                metadata = AnimatedBottomSheetSceneStrategy.bottomSheet()
            ) {
                Column {
                    Text("BottomSheet")
                    Button(onClick = { backStack.removeLastOrNull() }) {
                        Text("Close BottomSheet")
                    }
                }
            }
        },
)

Public properties

overlaidEntries

Cmn
Added in 1.0.0
val overlaidEntries: List<NavEntry<T>>

The NavEntrys that should be handled by another Scene that sits below this Scene.

This must always be a non-empty list to correctly display entries below the overlay.