Jetpack Compose: fillMaxWidth() for Icon in jetpack Compose doesn't work

Question

I want to try to enlarge the icon inside the box to be filling the parent width, which normally can be approached with fillMaxWidth, but the Icon didn't react, only the boundary/the imaginary boundary of the icon enlarged to the parent width.

original: before fillmaxwidth

after: after fillmaxwidth

Post your code instead of images – Gabriele Mariotti Sep 05 '22 at 12:05 — Gabriele Mariotti, Sep 05 '22 at 12:05

score 0 · Answer 1 · answered Sep 05 '22 at 12:11

Without specifing a size modifier in the Icon there is a default size of 24.dp

Internal Icon code:

private fun Modifier.defaultSizeFor(painter: Painter) =
    this.then(
        if (painter.intrinsicSize == Size.Unspecified || painter.intrinsicSize.isInfinite()) {
            DefaultIconSizeModifier //24.dp
        } else {
            Modifier
        }
    )

Use something like:

Icon(Icons.Filled.Delete, "", Modifier.size(32.dp))

With and without size modifier:

Jetpack Compose: fillMaxWidth() for Icon in jetpack Compose doesn't work

1 Answers1