Jetpack Compose Academy · Aula

Restrições e Medições Intrínsecas

Negocie o tamanho entre o elemento pai e o filho.

Restrições e Medições Intrínsecas é uma aula grátis de Jetpack Compose Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Jetpack Compose Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Jetpack Compose Academy inclui 4 aulas no total.

Partes desta aula ainda não foram traduzidas e aparecem em inglês.

Constraints Are a Size Contract

A parent passes constraints to each child: the allowed min and max width and height. The child must choose a size that fits inside them. 📏

Four Numbers Define the Box

Every Constraints object holds minWidth, maxWidth, minHeight, and maxHeight. Together they describe the range of sizes a child may pick.

constraints.minWidth
constraints.maxWidth
constraints.maxHeight

Bounded vs Infinite Constraints

A max can be a real number or Infinity. Scrollable parents pass infinite height so children can be as tall as they need.

Loosen Constraints to Allow Smaller

Use copy to relax constraints before measuring. Setting minWidth to zero lets a child be smaller than the parent demands.

val loose = constraints.copy(minWidth = 0, minHeight = 0)

Tighten Constraints to Force a Size

Set min equal to max and you force an exact size. The child has no choice but to be exactly that big.

val fixed = Constraints.fixed(width = 200, height = 100)

Children Negotiate Within Bounds

Layout is a negotiation: the parent offers bounds, the child reports a size, the parent places it. Both sides shape the final result.

Why Intrinsics Exist

Sometimes a parent needs a child's size before the real measure pass. Intrinsic measurements answer that question without committing.

Min and Max Intrinsic Width

Ask minIntrinsicWidth for the smallest width that shows content without clipping, or maxIntrinsicWidth for the natural unwrapped width.

measurable.maxIntrinsicWidth(height)

A Classic Use: Equal Heights

The built-in IntrinsicSize.Min modifier uses intrinsics to make a Row's children share the tallest height, like a divider matching its neighbors.

Row(Modifier.height(IntrinsicSize.Min)) { }

Intrinsics Cost an Extra Query

Intrinsic queries run extra work, so use them only when needed. Most custom layouts get by with constraints alone. ⚡

Constraints Flow Down the Tree

Constraints cascade from the root down through every parent. Mastering how to tighten and loosen them is the heart of custom layout work.

Quick Check

How do you force a child to be an exact, fixed size?

Recap: Constraints & Intrinsics

Constraints set a child's allowed size range; loosen or tighten them with copy. Intrinsics peek at a size early, but cost extra and are used sparingly. ✅

Perguntas Frequentes

A aula “Restrições e Medições Intrínsecas” é grátis?

Sim — o texto completo de “Restrições e Medições Intrínsecas” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Jetpack Compose Academy, atualize para CoddyKit PRO. O curso de Jetpack Compose Academy inclui 4 aulas no total.

O que vou aprender em “Restrições e Medições Intrínsecas”?

Negocie o tamanho entre o elemento pai e o filho. Você pratica Jetpack Compose Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Jetpack Compose Academy?

Nenhuma experiência prévia é necessária. Jetpack Compose Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.

Quanto tempo leva a aula “Restrições e Medições Intrínsecas”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Jetpack Compose Academy?

Sim. Cada aula de Jetpack Compose Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para Jetpack Compose Academy