Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,6 @@ import androidx.compose.material3.Scaffold
import androidx.compose.material3.Text
import androidx.compose.ui.Modifier
import androidx.navigation3.runtime.NavKey
import androidx.navigation3.runtime.entry
import androidx.navigation3.runtime.entryProvider
import androidx.navigation3.runtime.rememberNavBackStack
import androidx.navigation3.ui.NavDisplay
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,6 @@ import androidx.compose.runtime.Composable
import androidx.compose.runtime.mutableStateListOf
import androidx.compose.runtime.remember
import androidx.navigation3.runtime.NavEntry
import androidx.navigation3.runtime.entry
import androidx.navigation3.runtime.entryProvider
import androidx.navigation3.ui.NavDisplay
import com.example.compose.snippets.navigation3.ContentBlue
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -21,9 +21,8 @@ import androidx.lifecycle.viewmodel.navigation3.rememberViewModelStoreNavEntryDe
import androidx.navigation3.runtime.NavKey
import androidx.navigation3.runtime.entryProvider
import androidx.navigation3.runtime.rememberNavBackStack
import androidx.navigation3.runtime.rememberSavedStateNavEntryDecorator
import androidx.navigation3.runtime.rememberSaveableStateHolderNavEntryDecorator
import androidx.navigation3.ui.NavDisplay
import androidx.navigation3.ui.rememberSceneSetupNavEntryDecorator
import kotlinx.serialization.Serializable

// [START android_compose_navigation3_savingstate_1]
Expand All @@ -44,9 +43,8 @@ fun ScopingViewModels() {
// [START android_compose_navigation3_savingstate_2]
NavDisplay(
entryDecorators = listOf(
// Add the default decorators for managing scenes and saving state
rememberSceneSetupNavEntryDecorator(),
rememberSavedStateNavEntryDecorator(),
// Add the default decorators for saving state
rememberSaveableStateHolderNavEntryDecorator(),
// Then add the view model store decorator
rememberViewModelStoreNavEntryDecorator()
),
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -25,15 +25,17 @@ import androidx.compose.material3.adaptive.ExperimentalMaterial3AdaptiveApi
import androidx.compose.material3.adaptive.currentWindowAdaptiveInfo
import androidx.compose.material3.windowsizeclass.ExperimentalMaterial3WindowSizeClassApi
import androidx.compose.runtime.Composable
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.navigation3.runtime.NavEntry
import androidx.navigation3.runtime.NavKey
import androidx.navigation3.runtime.entry
import androidx.navigation3.runtime.entryProvider
import androidx.navigation3.runtime.rememberNavBackStack
import androidx.navigation3.scene.Scene
import androidx.navigation3.scene.SceneStrategy
import androidx.navigation3.scene.SceneStrategyScope
import androidx.navigation3.ui.NavDisplay
import androidx.navigation3.ui.Scene
import androidx.navigation3.ui.SceneStrategy
import androidx.window.core.layout.WindowSizeClass
import androidx.window.core.layout.WindowSizeClass.Companion.WIDTH_DP_MEDIUM_LOWER_BOUND
import kotlinx.serialization.Serializable

Expand Down Expand Up @@ -63,8 +65,7 @@ data class SinglePaneScene<T : Any>(
* list.
*/
public class SinglePaneSceneStrategy<T : Any> : SceneStrategy<T> {
@Composable
override fun calculateScene(entries: List<NavEntry<T>>, onBack: (Int) -> Unit): Scene<T> =
override fun SceneStrategyScope<T>.calculateScene(entries: List<NavEntry<T>>): Scene<T> =
SinglePaneScene(
key = entries.last().contentKey,
entry = entries.last(),
Expand Down Expand Up @@ -106,20 +107,23 @@ class TwoPaneScene<T : Any>(
}
}

@Composable
fun <T: Any> rememberTwoPaneSceneStrategy() : TwoPaneSceneStrategy<T> {
val windowSizeClass = currentWindowAdaptiveInfo().windowSizeClass

return remember(windowSizeClass){
TwoPaneSceneStrategy(windowSizeClass)
}
}

// --- TwoPaneSceneStrategy ---
/**
* A [SceneStrategy] that activates a [TwoPaneScene] if the window is wide enough
* and the top two back stack entries declare support for two-pane display.
*/
class TwoPaneSceneStrategy<T : Any> : SceneStrategy<T> {
class TwoPaneSceneStrategy<T : Any>(val windowSizeClass: WindowSizeClass) : SceneStrategy<T> {
@OptIn(ExperimentalMaterial3AdaptiveApi::class, ExperimentalMaterial3WindowSizeClassApi::class)
@Composable
override fun calculateScene(
entries: List<NavEntry<T>>,
onBack: (Int) -> Unit
): Scene<T>? {

val windowSizeClass = currentWindowAdaptiveInfo().windowSizeClass
override fun SceneStrategyScope<T>.calculateScene(entries: List<NavEntry<T>>): Scene<T>? {

// Condition 1: Only return a Scene if the window is sufficiently wide to render two panes.
// We use isWidthAtLeastBreakpoint with WIDTH_DP_MEDIUM_LOWER_BOUND (600dp).
Expand Down Expand Up @@ -193,12 +197,10 @@ fun MyAppContent() {
// ... other entries ...
},
// Simply provide your custom strategy. NavDisplay will fall back to SinglePaneSceneStrategy automatically.
sceneStrategy = TwoPaneSceneStrategy<Any>(),
onBack = { count ->
repeat(count) {
if (backStack.isNotEmpty()) {
backStack.removeLastOrNull()
}
sceneStrategy = rememberTwoPaneSceneStrategy(),
onBack = {
if (backStack.isNotEmpty()) {
backStack.removeLastOrNull()
}
}
)
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,6 @@ import androidx.compose.material3.adaptive.navigation3.rememberListDetailSceneSt
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.navigation3.runtime.NavKey
import androidx.navigation3.runtime.entry
import androidx.navigation3.runtime.entryProvider
import androidx.navigation3.runtime.rememberNavBackStack
import androidx.navigation3.ui.NavDisplay
Expand Down Expand Up @@ -61,12 +60,12 @@ class MaterialListDetailActivity : ComponentActivity() {
setContent {
Scaffold { paddingValues ->
val backStack = rememberNavBackStack(ProductList)
val listDetailStrategy = rememberListDetailSceneStrategy<Any>()
val listDetailStrategy = rememberListDetailSceneStrategy<NavKey>()

NavDisplay(
backStack = backStack,
modifier = Modifier.padding(paddingValues),
onBack = { keysToRemove -> repeat(keysToRemove) { backStack.removeLastOrNull() } },
onBack = { backStack.removeLastOrNull() },
sceneStrategy = listDetailStrategy,
entryProvider = entryProvider {
entry<ProductList>(
Expand Down
10 changes: 5 additions & 5 deletions gradle/libs.versions.toml
Original file line number Diff line number Diff line change
Expand Up @@ -17,10 +17,10 @@ androidx-credentials-play-services-auth = "1.5.0"
androidx-emoji2-views = "1.5.0"
androidx-fragment-ktx = "1.8.9"
androidx-glance-appwidget = "1.1.1"
androidx-lifecycle-viewmodel-navigation3 = "1.0.0-alpha04"
androidx-navigation3 = "1.0.0-alpha09"
androidx-lifecycle-compose = "2.9.2"
androidx-lifecycle-runtime-compose = "2.9.2"
androidx-lifecycle-viewmodel-navigation3 = "2.10.0-beta01"
androidx-navigation3 = "1.0.0-beta01"
androidx-lifecycle-compose = "2.10.0-beta01"
androidx-lifecycle-runtime-compose = "2.10.0-beta01"
androidx-navigation = "2.9.3"
androidx-paging = "3.3.6"
androidx-startup-runtime = "1.2.0"
Expand Down Expand Up @@ -60,7 +60,7 @@ maps-compose = "6.7.2"
material = "1.14.0-alpha03"
material3-adaptive = "1.1.0"
material3-adaptive-navigation-suite = "1.3.2"
material3-adaptive-navigation3 = "1.0.0-alpha02"
material3-adaptive-navigation3 = "1.3.0-alpha01"
media3 = "1.8.0"
# @keep
minSdk = "35"
Expand Down