Selgitage Box komponendi tööpõhimõtet Jetpack Compose'is ja selle kasutamist liidestes.

Jetpack Compose'is, Box komponent on konteiner, mis võimaldab laps-elemente üksteise peale asetada, paigutades need samasse ruumi. See on sarnane klassikalise Android View FrameLayout'iga.

Box on kasulik, kui peate paigutama mitu elementi, mis peavad kattuma või asuma samas kohas, näiteks ikoon pildi peal või tekst tausta peal.

Näide Box kasutamisest:

Box(modifier = Modifier.size(100.dp)) {
    Image(painter = painterResource(id = R.drawable.background), contentDescription = null)
    Text("Tere", modifier = Modifier.align(Alignment.Center))
}

Siin asub tekst "Tere" pildi keskel. Box toetab ka lapse elementide joondamist Modifier.align abil ning võimaldab määrata ääred, suurused ja teisi parameetreid Modifieri kaudu.