# How Jetpack Compose Measuring Works

DevFeed: [How Jetpack Compose Measuring Works](<https://devfeed.tech/articles/how-jetpack-compose-measuring-works-15676.md>)

Original publisher: [Read original article](<https://developer.squareup.com/blog/how-jetpack-compose-measuring-works>)

Author: Helios Alonso

Published: 2023-09-28T15:00:00Z

Content type: tutorial

Language: en

Sources: [Square Corner Blog RSS Feed](<https://devfeed.tech/sources/square-corner-blog-rss-feed.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Compose](<https://devfeed.tech/topics/compose.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Android](<https://devfeed.tech/topics/android.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [canvas](<https://devfeed.tech/tags/canvas.md>), [compose](<https://devfeed.tech/tags/compose.md>), [debug](<https://devfeed.tech/tags/debug.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [lambda](<https://devfeed.tech/tags/lambda.md>), [layout](<https://devfeed.tech/tags/layout.md>), [performance](<https://devfeed.tech/tags/performance.md>), [recomposition](<https://devfeed.tech/tags/recomposition.md>), [structure](<https://devfeed.tech/tags/structure.md>), [typography](<https://devfeed.tech/tags/typography.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This tutorial explains how Jetpack Compose measures and lays out UI. It presents Compose UI as an internally generated tree of nodes, describes the Layout method and its content lambda, measure policy, and modifiers, and outlines how measuring and drawing work.

## Source excerpt

A high level overview on producing custom rich UI in Compose