@@ -18,15 +18,19 @@ package com.google.samples.apps.nowinandroid.ui.interests2pane
1818
1919import androidx.activity.compose.BackHandler
2020import androidx.annotation.Keep
21+ import androidx.compose.material3.MaterialTheme
2122import androidx.compose.material3.adaptive.ExperimentalMaterial3AdaptiveApi
2223import androidx.compose.material3.adaptive.WindowAdaptiveInfo
2324import androidx.compose.material3.adaptive.currentWindowAdaptiveInfo
2425import androidx.compose.material3.adaptive.layout.AnimatedPane
2526import androidx.compose.material3.adaptive.layout.ListDetailPaneScaffold
2627import androidx.compose.material3.adaptive.layout.ListDetailPaneScaffoldRole
2728import androidx.compose.material3.adaptive.layout.PaneAdaptedValue
29+ import androidx.compose.material3.adaptive.layout.PaneExpansionAnchor
30+ import androidx.compose.material3.adaptive.layout.PaneExpansionDragHandle
2831import androidx.compose.material3.adaptive.layout.ThreePaneScaffoldDestinationItem
2932import androidx.compose.material3.adaptive.layout.calculatePaneScaffoldDirective
33+ import androidx.compose.material3.adaptive.layout.rememberPaneExpansionState
3034import androidx.compose.material3.adaptive.navigation.ThreePaneScaffoldNavigator
3135import androidx.compose.material3.adaptive.navigation.rememberListDetailPaneScaffoldNavigator
3236import androidx.compose.runtime.Composable
@@ -126,6 +130,14 @@ internal fun InterestsListDetailScreen(
126130 listDetailNavigator.navigateTo(ListDetailPaneScaffoldRole .Detail )
127131 }
128132
133+ val paneExpansionState = rememberPaneExpansionState(
134+ anchors = listOf (
135+ PaneExpansionAnchor .Proportion (0f ),
136+ PaneExpansionAnchor .Proportion (0.5f ),
137+ PaneExpansionAnchor .Proportion (1f ),
138+ )
139+ )
140+
129141 ListDetailPaneScaffold (
130142 value = listDetailNavigator.scaffoldValue,
131143 directive = listDetailNavigator.scaffoldDirective,
@@ -157,6 +169,13 @@ internal fun InterestsListDetailScreen(
157169 }
158170 }
159171 },
172+ paneExpansionState = paneExpansionState,
173+ paneExpansionDragHandle = {
174+ PaneExpansionDragHandle (
175+ state = it,
176+ color = MaterialTheme .colorScheme.onSurface,
177+ )
178+ }
160179 )
161180}
162181
0 commit comments