How we can margin a image to left or right in jetpack composer?

Question

I am trying to learn jetpack compose and I've learnt to use spacer for items, but I still do not know how to add margin to an image on the left or right, any idea?

Screen:

code:

    Column(
        modifier = Modifier.fillMaxSize()
    ) {
        Spacer(modifier = Modifier
            .padding(50.dp)

            )
        Image(
            painter = painterResource(id = R.drawable.image),
            contentDescription = null,
            contentScale = ContentScale.Crop,
            modifier = Modifier
                .size(80.dp)
                .clip(CircleShape)

        )
}

Probably you can check this link. https://stackoverflow.com/questions/62939473/how-to-add-margin-in-jetpack-compose — Chandan kushwaha, Jan 25 '22 at 13:21
@Chandankushwaha, I try it, but there is not any solusion for this question. — , Jan 25 '22 at 13:26

score 0 · Accepted Answer · answered Jan 25 '22 at 20:04

There is actually almost uncountable different ways to achieve this , I would using a Row() instead of a Column() in your case and simply add a spacer with your needed space as follows

Spacer(modifier = Modifier.width(50.dp))

or if you want to align the image to the left with the same approach your function would look like that

Row(
                modifier = Modifier.fillMaxSize()
            ) {
                Spacer(modifier = Modifier.weight(1f))
                
                Image(
                    painter = painterResource(id = R.drawable.ic_image),
                    contentDescription = null,
                    contentScale = ContentScale.Crop,
                    modifier = Modifier
                        .size(80.dp)
                        .clip(CircleShape)

                )
            }

tnx so much that way good solution now for it – Jan 30 '22 at 19:52 — , Jan 30 '22 at 19:52

How we can margin a image to left or right in jetpack composer?

1 Answers1