Sobes.tech
Junior — Middle

Explica principiul de funcționare al componentei Box în Jetpack Compose și utilizarea sa în interfețe.

sobes.tech AI

Răspuns de la AI

În Jetpack Compose, componenta Box este un container care permite suprapunerea elementelor copil, plasându-le în același spațiu. Este similar cu FrameLayout în Android View clasic.

Box este util atunci când trebuie să plasați mai multe elemente care trebuie suprapuse sau plasate în același loc, de exemplu, o pictogramă peste o imagine sau text peste un fundal.

Exemplu de utilizare a Box:

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

Aici, textul "Salut" va fi plasat în centru peste imagine. Box suportă, de asemenea, alinierea elementelor copil prin Modifier.align și permite setarea de margini, dimensiuni și alți parametri prin Modifier.