JetpackCompose.kt

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            MyApplicationTheme {
                profileDesign()
            }
        }
    }
}

@Composable
fun profileDesign(){
    val image = imageResource(id = R.drawable.ronaldo)
    val imageList = listOf<Int>(R.drawable.post1,R.drawable.post2,R.drawable.post3,R.drawable.post4)
    MaterialTheme {
        Column(
            modifier = Modifier.padding(16.dp)
        ) {
            val imageModifier = Modifier
                .heightIn(maxHeight = 120.dp)
                .widthIn(maxWidth = 120.dp)
                .clip(shape = CircleShape).gravity(align = Alignment.CenterHorizontally)


            val postModifier = Modifier
                .preferredHeightIn(maxHeight = 180.dp)
                .fillMaxWidth()
                .clip(shape = RoundedCornerShape(4.dp))

            Image(image, modifier = imageModifier,
                contentScale = ContentScale.Crop)
            Spacer(Modifier.preferredHeight(16.dp))

            Text("Cristiano Ronaldo", style = typography.h4)
            Text("Juventus", style = typography.body1)
            Text("Position: Striker", style = typography.body2)

            VerticalScroller {
                MaterialTheme {
                    Column (
                        modifier = Modifier.padding(15.dp)
                    ){
                        //Image(asset = imageResource(id = imageList[0]),modifier = postModifier,contentScale = ContentScale.Crop)

                        imageList.forEachIndexed { index, i ->
                            Spacer(Modifier.preferredHeight(15.dp))
                            Row {
                                Image(asset = imageResource(id = imageList[index]),modifier = postModifier,contentScale = ContentScale.Crop)
                            }
                        }
                    }
                }

            }
        }
    }
}