A modern programming language that makes developers happier.

kotlinlang

Screenshot_2023-02-18-11-06-26-98_ca81c7ecb8dbf33abe80a1070363a3c6.jpg

Hello everyone, I want to show Image in Circle shape in a rectangular container how to do it, at the moment it is seen streched vertically.

```Column(
        modifier = modifier
            .height(200.dp)
            .background(color = Color.Cameron, shape = RectangleShape)
            .clip(RectangleShape)
            .clickable(onClick = onClick),
        verticalArrangement = Arrangement.SpaceEvenly,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {

        RemoteImage(
            modifier = Modifier
                .clip(CircleShape)
                .fillMaxSize(.7F),
            imageLink = imageLink,
            contentScale = ContentScale.FillBounds,
            error = error
        )

        Text(
            text = title,
            color = Color.White,
            fontWeight = FontWeight.Bold,
            textAlign = TextAlign.Center,
            style = MaterialTheme.typography.overline,
            modifier = Modifier.padding(top = spacing.extraSmall)
        )
    }```

```RemoteImage(
            modifier = Modifier
                .clip(CircleShape)
                .fillMaxWidth(.7f)
                .fillMaxHeight(.6f),
            imageLink = imageLink,
            contentScale = ContentScale.FillBounds,
            error = error
        )```

but on some devices it is being still streched

Have you tried the aspectRatio(1) modifier to force it into a circle?

<@U010JQZ3FRC> I didn't try but I will try, thank you.