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

# compose

[Zaki Shaikh]

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.

[Zaki Shaikh]

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)
        )
    }

[Zaki Shaikh]

I tried this as well

[Zaki Shaikh]

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

[Zaki Shaikh]

but on some devices it is being still streched

[Stylianos Gakis]

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

[Zaki Shaikh]

@Stylianos Gakis I didn't try but I will try, thank you.