MovieBookingScreen.kt

ConstraintLayout(modifier = Modifier.constrainAs(cinemaNameContainer) {
    start.linkTo(parent.start)
    end.linkTo(parent.end)
    top.linkTo(dateSelector.bottom, 16.dp)
    bottom.linkTo(bookButton.top, 16.dp)
    width = Dimension.fillToConstraints
    height = Dimension.fillToConstraints
})
{
    val (cinemaNameText, cinemaDistText) = createRefs()

    Text(
        text = "Velocity Cinema",
        fontSize = 22.sp,
        color = Color(0xDD000000),
        fontWeight = FontWeight.Medium,
        modifier = Modifier.constrainAs(cinemaNameText) {
            start.linkTo(parent.start)
            end.linkTo(parent.end)
        }
    )

    Text(
        text = "4.6 km",
        fontSize = 14.sp,
        color = Color(0x8A000000),
        modifier = Modifier.constrainAs(cinemaDistText) {
            start.linkTo(cinemaNameText.start)
            end.linkTo(cinemaNameText.end)
            width = Dimension.fillToConstraints
        }
    )

    createVerticalChain(cinemaNameText, cinemaDistText, chainStyle = ChainStyle.Packed)
}