Is there a way to increase a Composable size by chaining with another Modifier?

by

Changing Modifier size maybe possible with creating a Modifier such as SizeModifier. If anyone posts accurate answer that accomplishes task that way would be more than welcome.

I solved this by first setting a requiredSize to have minimum dimensions for this Composable.

@Composable
fun TransformLayout(
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    handleRadius: Dp = 15.dp,
    handlePlacement: HandlePlacement = HandlePlacement.Corner,
    onDown: (Transform) -> Unit = {},
    onMove: (Transform) -> Unit = {},
    onUp: (Transform) -> Unit = {},
    content: @Composable () -> Unit
) {

    MorphSubcomposeLayout(
        modifier = modifier
            .requiredSizeIn(
                minWidth = handleRadius * 2,
                minHeight = handleRadius * 2
            )
}

In SubcomposeLayout instead of increasing size of Composable by handles which doesn’t work with Modifier.size

I constrained maximum dimensions to maxWidth and maxHeight of constraints with

    // Get max width and height of main component
    var maxWidth = 0
    var maxHeight = 0

    mainPlaceables.forEach { placeable: Placeable ->
        maxWidth += placeable.width
        maxHeight = placeable.height
    }

    val handleSize = handleRadiusInPx * 2
    maxWidth = maxWidth.coerceAtMost(constraints.maxWidth - handleSize)
    maxHeight = maxHeight.coerceAtMost(constraints.maxHeight - handleSize)

    val maxSize = IntSize(maxWidth, maxHeight)

And passed with subcompose() function to dependent Composable as dimensions of content

val dependentPlaceables = subcompose(SlotsEnum.Dependent) {
    dependentContent(maxSize)
}.map {
    it.measure(constraints)
}

When i set dimensions of parent Composable with layout(width, height)

added the handle size or area i subtract initially

width = maxSize.width + 2 * handleRadiusInPx
height = maxSize.height + 2 * handleRadiusInPx

layout(width, height) {
    dependentPlaceables.forEach { placeable: Placeable ->
        placeable.placeRelative(0, 0)
    }
}

This way i’m able to shrink content area by handle size when there is a fixed size modifier, if there is no fixed size modifier to limit measurement with upper bound as big as Composable it works as in question.

More Related Contents:

  1. Jetpack Compose – Order of Modifiers
  2. Why a new ViewModel is created in each Compose Navigation route?
  3. Why the view keeps flashing when using jetpack navigation with Compose?
  4. How are Android activities handled with Jetpack Compose and Compose Navigation?
  5. How to get activity in compose
  6. How to handle one-shot operations in Jetpack Compose?
  7. Pass Parcelable argument with compose navigation
  8. Jetpack Compose Text hyperlink some section of the text
  9. Jetpack Compose collapsing toolbar
  10. Jetpack Compose how does SubcomposeLayout work?
  11. Jetpack Compose Smart Recomposition
  12. How to clear TextField focus when closing the keyboard and prevent two back presses needed to exit app in Jetpack Compose?
  13. Scoping States in Jetpack Compose
  14. What is the equivalent of [NestedScrollView + RecyclerView] or [Nested RecyclerView (Recycler inside another recycler) in Jetpack compose
  15. How to get preview in composable functions that depend on a view model?
  16. Different types of width in jetpack compose
  17. Jetpack compose – how do I refresh a screen when app returns to foreground
  18. AppCompatActivity instead of ComponentActivity in Jetpack compose
  19. Jetpack Compose lazy column all items recomposes when a single item update
  20. Error when adding buildFeatures in build.gradle file
  21. ViewTreeLifecycleOwner not found from DecorView@2da7146[MyActivity]
  22. How to achieve a staggered grid layout using Jetpack compose?
  23. How to show animate an item view in LazyColumn on Jetpack Compose Android
  24. How to pass id and application to a viewModel/viewModelFactory in Jetpack Compose?
  25. Jetpack Compose Navigation loads screen infinitely
  26. How to clip or cut a Composable?
  27. Exposed drop-down menu for jetpack compose
  28. When should I use Android Jetpack Compose Surface composable?
  29. Show custom alert dialog in Jetpack Compose
  30. What does Jetpack Compose remember actually do, how does it work under the hood?

Leave a Comment