Vysvetlite princíp fungovania komponentu Box v Jetpack Compose a jeho použitie v rozhraniach.

V Jetpack Compose je komponenta Box kontajner, ktorý umožňuje prekrytie detských prvkov tým, že ich umiestni do rovnakého priestoru. Je podobný FrameLayout v klasickom Android View.

Box je užitočný, keď potrebujete umiestniť niekoľko prvkov, ktoré sa majú prekryvať alebo byť na rovnakom mieste, napríklad ikona nad obrázkom alebo text nad pozadím.

Príklad použitia Box:

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

Tu bude text "Ahoj" umiestnený v strede nad obrázkom. Box tiež podporuje zarovnanie detských prvkov pomocou Modifier.align a umožňuje nastavovať okraje, veľkosti a ďalšie parametre cez Modifier.