Sobes.tech
Junior — Middle

Explique o princípio de funcionamento do componente Box no Jetpack Compose e seu uso em interfaces.

sobes.tech IA

Resposta da IA

No Jetpack Compose, o componente Box é um contêiner que permite sobrepor elementos filhos, colocando-os no mesmo espaço. É semelhante ao FrameLayout no Android View clássico.

O Box é útil quando precisa colocar vários elementos que devem sobrepor-se ou estar no mesmo lugar, por exemplo, um ícone sobre uma imagem ou texto sobre um fundo.

Exemplo de uso do Box:

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

Aqui, o texto "Olá" ficará centrado sobre a imagem. O Box também suporta o alinhamento de elementos filhos usando Modifier.align e permite definir margens, tamanhos e outros parâmetros através de Modifier.