Replace onSizeChanged with layout

android · Jan 16, 2024 · b9a1e1a · b9a1e1a
1 parent 1323d48
commit b9a1e1a
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/...outs/list-detail-compose/app/src/main/java/com/example/listdetailcompose/ui/ListDetail.kt b/...outs/list-detail-compose/app/src/main/java/com/example/listdetailcompose/ui/ListDetail.kt
@@ -245,16 +245,22 @@ fun ListDetail(
     val minDetailPaneWidth = 300.dp
 
     Box(
-        modifier = modifier.onSizeChanged {
+        modifier = modifier.layout { measurable, constraints ->
+            val placeable = measurable.measure(constraints)
+
             anchoredDraggableState.updateAnchors(
                 newAnchors = DraggableAnchors {
-                    ExpandablePaneState.ListOnly at it.width.toFloat()
-                    ExpandablePaneState.ListAndDetail at it.width.toFloat() / 2f
+                    ExpandablePaneState.ListOnly at placeable.width.toFloat()
+                    ExpandablePaneState.ListAndDetail at placeable.width.toFloat() / 2f
                     ExpandablePaneState.DetailOnly at 0f
                 },
                 // Keep the current target, even if resizing causes the offset to be closer to a different one
                 newTarget = anchoredDraggableState.targetValue
             )
+
+            layout(placeable.width, placeable.height) {
+                placeable.placeRelative(0, 0)
+            }
         }
     ) {
         if (showList && showDetail) {