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.