René's URL Explorer Experiment


Title: FlexBox  |  Adaptive Apps  |  Android Developers

Open Graph Title: FlexBox  |  Adaptive Apps  |  Android Developers

Description: This document provides an introduction to FlexBox in Jetpack Compose, a flexible layout container inspired by CSS.

Open Graph Description: This document provides an introduction to FlexBox in Jetpack Compose, a flexible layout container inspired by CSS.

Keywords:

Opengraph URL: https://developer.android.com/develop/adaptive-apps/guides/flexbox

direct link

Domain: developer.android.com

Hey, it has json ld scripts: 
  {
    "@context": "https://schema.org",
    "@type": "Article",
    
    "headline": "FlexBox"
  }

  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [{
      "@type": "ListItem",
      "position": 1,
      "name": "Develop",
      "item": "https://developer.android.com/develop"
    },{
      "@type": "ListItem",
      "position": 2,
      "name": "Devices",
      "item": "https://developer.android.com/develop/devices"
    },{
      "@type": "ListItem",
      "position": 3,
      "name": "Adaptive Apps",
      "item": "https://developer.android.com/develop/adaptive-apps"
    },{
      "@type": "ListItem",
      "position": 4,
      "name": "FlexBox",
      "item": "https://developer.android.com/develop/adaptive-apps/guides/flexbox"
    }]
  }
google-signin-client-id721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com
google-signin-scopeprofile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award https://www.googleapis.com/auth/devprofiles.full_control.firstparty
og:site_nameAndroid Developers
og:typewebsite
theme-color#34a853
NoneIE=Edge
og:imagehttps://developer.android.com/static/images/social/android-developers.png
og:image:width1200
og:image:height675
og:localeen
twitter:cardsummary_large_image

Links:

Skip to main content https://developer.android.com/develop/adaptive-apps/guides/flexbox#main-content
https://developer.android.com/
Essentials https://developer.android.com/get-started
Get started https://developer.android.com/ai
Hello, world! https://developer.android.com/get-started/overview
Developer Verification https://developer.android.com/developer-verification
Adaptive apps https://developer.android.com/adaptive-apps
Compose for UI https://developer.android.com/compose
AI-powered IDE https://developer.android.com/studio
Training https://developer.android.com/courses
Monetization with Play ↗️ https://play.google.com/console/about/guides/play-commerce/
Phones, tablets, foldables https://developer.android.com/phones-tablets-foldables
Android for Cars https://developer.android.com/cars
Android TV https://developer.android.com/tv
Android XR https://developer.android.com/xr
Googlebook https://developer.android.com/googlebook
ChromeOS https://developer.android.com/chrome-os
Wear OS https://developer.android.com/wear
Games https://developer.android.com/games
Camera & media https://developer.android.com/media
Social & messaging https://developer.android.com/social-and-messaging
Health & fitness https://developer.android.com/health-and-fitness
Productivity https://developer.android.com/productivity
Enterprise apps https://developer.android.com/work/overview
Latest updates https://developer.android.com/latest-updates
Experimental updates https://developer.android.com/latest-updates/experimental
Android Studio preview https://developer.android.com/studio/preview
Jetpack & Compose libraries https://developer.android.com/jetpack/androidx/versions
Wear OS releases https://developer.android.com/training/wearables/versions/latest
Privacy Sandbox ↗️ https://developer.android.com/design-for-safety/privacy-sandbox
Design & Plan https://developer.android.com/design
Learn more https://developer.android.com/quality/excellent
Design for Android https://developer.android.com/design/ui
Mobile https://developer.android.com/design/ui/mobile
Desktop experiences https://developer.android.com/design/ui/desktop
XR Headsets & XR Glasses https://developer.android.com/design/ui/xr
AI Glasses https://developer.android.com/design/ui/ai-glasses
Widgets https://developer.android.com/design/ui/widget
Wear OS https://developer.android.com/design/ui/wear
Android TV https://developer.android.com/design/ui/tv
Android for Cars https://developer.android.com/design/ui/cars
Introduction https://developer.android.com/topic/architecture/intro
Libraries https://developer.android.com/topic/libraries/view-binding
Navigation https://developer.android.com/guide/navigation/navigation-principles
Modularization https://developer.android.com/topic/modularization
Testing https://developer.android.com/training/testing/fundamentals
Kotlin Multiplatform https://developer.android.com/kotlin/multiplatform
Overview https://developer.android.com/quality
Core value https://developer.android.com/quality/core-value
User experience https://developer.android.com/quality/user-experience
Accessibility https://developer.android.com/guide/topics/ui/accessibility
Technical quality https://developer.android.com/quality/technical
Excellent Experiences https://developer.android.com/quality/excellent
Overview https://developer.android.com/security
Privacy https://developer.android.com/privacy
Permissions https://developer.android.com/privacy#app-permissions
Identity https://developer.android.com/identity
Fraud prevention https://developer.android.com/security/fraud-prevention
Develop https://developer.android.com/develop
Learn more https://developer.android.com/gemini-in-android
Get Android Studio https://developer.android.com/studio
Samples https://developer.android.com/samples
Multidevice support https://developer.android.com/multidevice
User interfaces https://developer.android.com/develop/ui
Background work https://developer.android.com/develop/background-work
Data and files https://developer.android.com/guide/topics/data
Connectivity https://developer.android.com/develop/connectivity
All core areas ⤵️ https://developer.android.com/develop#core-areas
Write and debug code https://developer.android.com/studio/write
Build projects https://developer.android.com/build/gradle-build-overview
Test your app https://developer.android.com/training/testing
Performance https://developer.android.com/topic/performance/overview
Command-line tools https://developer.android.com/tools
Gradle plugin API https://developer.android.com/reference/tools/gradle-api
Android Bench https://developer.android.com/bench
Phones, tablets, foldables https://developer.android.com/phones-tablets-foldables
ChromeOS https://developer.android.com/chrome-os
Android for Cars https://developer.android.com/training/cars
Android TV https://developer.android.com/training/tv
Android XR https://developer.android.com/develop/xr
Wear OS https://developer.android.com/training/wearables
Android Health https://developer.android.com/health-and-fitness/guides
Better Together https://developer.android.com/develop/better-together
All devices ⤵️ https://developer.android.com/develop#devices
Android platform https://developer.android.com/reference/packages
Jetpack libraries https://developer.android.com/jetpack/androidx/explorer
Compose libraries https://developer.android.com/jetpack/androidx/releases/compose
Google Play services ↗️ https://developers.google.com/android/reference/packages
Google Play SDK index ↗️ https://play.google.com/sdks
Google Play https://developer.android.com/distribute
Go to Play Console https://play.google.com/console
Learn more ↗️ https://play.google.com/console/about/
Play Monetization https://developer.android.com/distribute/play-billing
Play Integrity https://developer.android.com/google/play/integrity
Play Policies https://developer.android.com/distribute/play-policies
Play Programs ↗️ https://play.google.com/console/about/programs
Overview https://developer.android.com/games
Play Asset Delivery https://developer.android.com/guide/playcore/asset-delivery
Play Games Services https://developer.android.com/games/pgs/overview
Play Games on PC https://developer.android.com/games/playgames/overview
Level Up guidelines https://developer.android.com/games/guidelines
All Play guides ⤵️ https://developer.android.com/distribute
Play Feature Delivery https://developer.android.com/guide/playcore/feature-delivery
Play In-app Updates https://developer.android.com/guide/playcore/in-app-updates
Play In-app Reviews https://developer.android.com/guide/playcore/in-app-review
Play Install Referrer https://developer.android.com/google/play/installreferrer
Google Play services ↗️ https://developers.google.com/android/reference/packages
Google Play SDK index ↗️ https://play.google.com/sdks
All Play libraries ⤵️ https://developer.android.com/distribute
Android App Bundles https://developer.android.com/guide/app-bundle
Brand & marketing https://developer.android.com/distribute/marketing-tools
Play Console APIs ↗️ https://developers.google.com/android-publisher/api-ref/rest
Blog https://developer.android.com/blog
Read the latest https://developer.android.com/blog/latest
Explore the authors → https://developer.android.com/blog/authors
Case Studies Real-world results from real-world users. Explore how different teams use our tools to achieve their goals. https://developer.android.com/blog/categories/case-studies
Events & Programs Get the details on upcoming webinars, workshops, meetups, and special initiatives designed to help you grow. https://developer.android.com/blog/categories/events-and-programs
Product News Stay in the loop with the latest updates, feature releases, and behind-the-scenes looks at how we’re evolving. https://developer.android.com/blog/categories/product-news
Community Discover stories from our users, spotlight features, and the collaborative projects that bring us all together. https://developer.android.com/blog/categories/community
How-tos From quick tips to deep-dive tutorials, these step-by-step guides are designed to help you work smarter and faster. https://developer.android.com/blog/categories/how-tos
Android Studio https://developer.android.com/studio
Develop https://developer.android.com/develop
Devices https://developer.android.com/develop/devices
Adaptive Apps https://developer.android.com/develop/adaptive-apps
Overview https://developer.android.com/develop/adaptive-apps
Guides https://developer.android.com/develop/adaptive-apps/guides/get-started-with-adaptive-apps
Quality guidelines https://developer.android.com/develop/adaptive-apps/quality-guidelines/adaptive-app-quality
Samples https://developer.android.com/develop/adaptive-apps/samples
Design ⍈ https://developer.android.com/design/ui
https://developer.android.com/
Essentials https://developer.android.com/get-started
Design & Plan https://developer.android.com/design
Develop https://developer.android.com/develop
Overview https://developer.android.com/develop/adaptive-apps
Guides https://developer.android.com/develop/adaptive-apps/guides/get-started-with-adaptive-apps
Quality guidelines https://developer.android.com/develop/adaptive-apps/quality-guidelines/adaptive-app-quality
Samples https://developer.android.com/develop/adaptive-apps/samples
Design ⍈ https://developer.android.com/design/ui
Google Play https://developer.android.com/distribute
Blog https://developer.android.com/blog
Android Studio https://developer.android.com/studio
Get started with adaptive appshttps://developer.android.com/develop/adaptive-apps/guides/get-started-with-adaptive-apps
Support different display sizeshttps://developer.android.com/develop/adaptive-apps/guides/support-different-display-sizes
Support multi-window modehttps://developer.android.com/develop/adaptive-apps/guides/support-multi-window-mode
App orientation, aspect ratio, and resizabilityhttps://developer.android.com/develop/adaptive-apps/guides/app-orientation-aspect-ratio-resizability
Adaptive do's and don'tshttps://developer.android.com/develop/adaptive-apps/guides/adaptive-dos-and-donts
Overviewhttps://developer.android.com/develop/adaptive-apps/guides/flexbox
Get startedhttps://developer.android.com/develop/adaptive-apps/guides/flexbox/get-started
Set container behaviorhttps://developer.android.com/develop/adaptive-apps/guides/flexbox/container-behavior
Set item behaviorhttps://developer.android.com/develop/adaptive-apps/guides/flexbox/item-behavior
Overviewhttps://developer.android.com/develop/adaptive-apps/guides/grid
Get startedhttps://developer.android.com/develop/adaptive-apps/guides/grid/get-started
Set container propertieshttps://developer.android.com/develop/adaptive-apps/guides/grid/container-properties
Set item propertieshttps://developer.android.com/develop/adaptive-apps/guides/grid/item-properties
Query information for adaptive layouts with mediaQueryhttps://developer.android.com/develop/adaptive-apps/guides/mediaquery
Use window size classeshttps://developer.android.com/develop/adaptive-apps/guides/use-window-size-classes
Canonical layoutshttps://developer.android.com/develop/adaptive-apps/guides/canonical-layouts
Build a list-detail layouthttps://developer.android.com/develop/adaptive-apps/guides/list-detail
Build a supporting pane layouthttps://developer.android.com/develop/adaptive-apps/guides/build-a-supporting-pane-layout
Build adaptive navigationhttps://developer.android.com/develop/adaptive-apps/guides/build-adaptive-navigation
Support bubbleshttps://developer.android.com/develop/adaptive-apps/guides/support-bubbles
Use Composehttps://developer.android.com/develop/adaptive-apps/guides/custom
Support connected displayshttps://developer.android.com/develop/adaptive-apps/guides/support-connected-displays
Support desktop windowinghttps://developer.android.com/develop/adaptive-apps/guides/support-desktop-windowing
Learn about foldableshttps://developer.android.com/develop/adaptive-apps/guides/foldables/learn-about-foldables
Make your app fold-awarehttps://developer.android.com/develop/adaptive-apps/guides/foldables/make-your-app-fold-aware
Support foldable display modeshttps://developer.android.com/develop/adaptive-apps/guides/foldables/support-foldable-display-modes
Support trifolds and landscape foldableshttps://developer.android.com/develop/adaptive-apps/guides/foldables/trifolds-and-landscape-foldables
Camerahttps://developer.android.com/develop/adaptive-apps/guides/camera-form-factors-support
ChromeOShttps://developer.android.com/develop/adaptive-apps/guides/chromeos/build-adaptive-apps-for-chromeos
Carshttps://developer.android.com/develop/adaptive-apps/guides/cars/build-adaptive-apps-for-cars
TVhttps://developer.android.com/develop/adaptive-apps/guides/tv/build-adaptive-apps-for-tv
XRhttps://developer.android.com/develop/adaptive-apps/guides/xr/build-adaptive-apps-for-xr
Games ⍈https://developer.android.com/games/develop/multiplatform/support-large-screen-resizability
Get started https://developer.android.com/ai
Hello, world! https://developer.android.com/get-started/overview
Developer Verification https://developer.android.com/developer-verification
Adaptive apps https://developer.android.com/adaptive-apps
Compose for UI https://developer.android.com/compose
AI-powered IDE https://developer.android.com/studio
Training https://developer.android.com/courses
Monetization with Play ↗️ https://play.google.com/console/about/guides/play-commerce/
Phones, tablets, foldables https://developer.android.com/phones-tablets-foldables
Android for Cars https://developer.android.com/cars
Android TV https://developer.android.com/tv
Android XR https://developer.android.com/xr
Googlebook https://developer.android.com/googlebook
ChromeOS https://developer.android.com/chrome-os
Wear OS https://developer.android.com/wear
Games https://developer.android.com/games
Camera & media https://developer.android.com/media
Social & messaging https://developer.android.com/social-and-messaging
Health & fitness https://developer.android.com/health-and-fitness
Productivity https://developer.android.com/productivity
Enterprise apps https://developer.android.com/work/overview
Latest updates https://developer.android.com/latest-updates
Experimental updates https://developer.android.com/latest-updates/experimental
Android Studio preview https://developer.android.com/studio/preview
Jetpack & Compose libraries https://developer.android.com/jetpack/androidx/versions
Wear OS releases https://developer.android.com/training/wearables/versions/latest
Privacy Sandbox ↗️ https://developer.android.com/design-for-safety/privacy-sandbox
Learn more https://developer.android.com/quality/excellent
Design for Android https://developer.android.com/design/ui
Mobile https://developer.android.com/design/ui/mobile
Desktop experiences https://developer.android.com/design/ui/desktop
XR Headsets & XR Glasses https://developer.android.com/design/ui/xr
AI Glasses https://developer.android.com/design/ui/ai-glasses
Widgets https://developer.android.com/design/ui/widget
Wear OS https://developer.android.com/design/ui/wear
Android TV https://developer.android.com/design/ui/tv
Android for Cars https://developer.android.com/design/ui/cars
Introduction https://developer.android.com/topic/architecture/intro
Libraries https://developer.android.com/topic/libraries/view-binding
Navigation https://developer.android.com/guide/navigation/navigation-principles
Modularization https://developer.android.com/topic/modularization
Testing https://developer.android.com/training/testing/fundamentals
Kotlin Multiplatform https://developer.android.com/kotlin/multiplatform
Overview https://developer.android.com/quality
Core value https://developer.android.com/quality/core-value
User experience https://developer.android.com/quality/user-experience
Accessibility https://developer.android.com/guide/topics/ui/accessibility
Technical quality https://developer.android.com/quality/technical
Excellent Experiences https://developer.android.com/quality/excellent
Overview https://developer.android.com/security
Privacy https://developer.android.com/privacy
Permissions https://developer.android.com/privacy#app-permissions
Identity https://developer.android.com/identity
Fraud prevention https://developer.android.com/security/fraud-prevention
Learn more https://developer.android.com/gemini-in-android
Get Android Studio https://developer.android.com/studio
Samples https://developer.android.com/samples
Multidevice support https://developer.android.com/multidevice
User interfaces https://developer.android.com/develop/ui
Background work https://developer.android.com/develop/background-work
Data and files https://developer.android.com/guide/topics/data
Connectivity https://developer.android.com/develop/connectivity
All core areas ⤵️ https://developer.android.com/develop#core-areas
Write and debug code https://developer.android.com/studio/write
Build projects https://developer.android.com/build/gradle-build-overview
Test your app https://developer.android.com/training/testing
Performance https://developer.android.com/topic/performance/overview
Command-line tools https://developer.android.com/tools
Gradle plugin API https://developer.android.com/reference/tools/gradle-api
Android Bench https://developer.android.com/bench
Phones, tablets, foldables https://developer.android.com/phones-tablets-foldables
ChromeOS https://developer.android.com/chrome-os
Android for Cars https://developer.android.com/training/cars
Android TV https://developer.android.com/training/tv
Android XR https://developer.android.com/develop/xr
Wear OS https://developer.android.com/training/wearables
Android Health https://developer.android.com/health-and-fitness/guides
Better Together https://developer.android.com/develop/better-together
All devices ⤵️ https://developer.android.com/develop#devices
Android platform https://developer.android.com/reference/packages
Jetpack libraries https://developer.android.com/jetpack/androidx/explorer
Compose libraries https://developer.android.com/jetpack/androidx/releases/compose
Google Play services ↗️ https://developers.google.com/android/reference/packages
Google Play SDK index ↗️ https://play.google.com/sdks
Go to Play Console https://play.google.com/console
Learn more ↗️ https://play.google.com/console/about/
Play Monetization https://developer.android.com/distribute/play-billing
Play Integrity https://developer.android.com/google/play/integrity
Play Policies https://developer.android.com/distribute/play-policies
Play Programs ↗️ https://play.google.com/console/about/programs
Overview https://developer.android.com/games
Play Asset Delivery https://developer.android.com/guide/playcore/asset-delivery
Play Games Services https://developer.android.com/games/pgs/overview
Play Games on PC https://developer.android.com/games/playgames/overview
Level Up guidelines https://developer.android.com/games/guidelines
All Play guides ⤵️ https://developer.android.com/distribute
Play Feature Delivery https://developer.android.com/guide/playcore/feature-delivery
Play In-app Updates https://developer.android.com/guide/playcore/in-app-updates
Play In-app Reviews https://developer.android.com/guide/playcore/in-app-review
Play Install Referrer https://developer.android.com/google/play/installreferrer
Google Play services ↗️ https://developers.google.com/android/reference/packages
Google Play SDK index ↗️ https://play.google.com/sdks
All Play libraries ⤵️ https://developer.android.com/distribute
Android App Bundles https://developer.android.com/guide/app-bundle
Brand & marketing https://developer.android.com/distribute/marketing-tools
Play Console APIs ↗️ https://developers.google.com/android-publisher/api-ref/rest
Read the latest https://developer.android.com/blog/latest
Explore the authors → https://developer.android.com/blog/authors
Case Studies https://developer.android.com/blog/categories/case-studies
Events & Programs https://developer.android.com/blog/categories/events-and-programs
Product News https://developer.android.com/blog/categories/product-news
Community https://developer.android.com/blog/categories/community
How-tos https://developer.android.com/blog/categories/how-tos
Android Developers https://developer.android.com/
Develop https://developer.android.com/develop
Devices https://developer.android.com/develop/devices
Adaptive Apps https://developer.android.com/develop/adaptive-apps
Guides https://developer.android.com/develop/adaptive-apps/guides/get-started-with-adaptive-apps
issue trackerhttps://issuetracker.google.com/issues/new?component=1876021&title=%5BFlexBox%5D
FlexBoxhttps://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/FlexBox.composable#FlexBox(androidx.compose.ui.Modifier,androidx.compose.foundation.layout.FlexBoxConfig,kotlin.Function1)
lazy lists and gridshttps://developer.android.com/develop/ui/compose/lists
CSS Flexible Box Layout specificationhttps://www.w3.org/TR/css-flexbox-1/
Set container behaviorhttps://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox/container-behavior
Set item behaviorhttps://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox/item-behavior
basis valuehttps://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox/item-behavior#set-initial-size
orderhttps://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox/item-behavior#item-order
gaphttps://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox/container-behavior#add-gaps
wrapping is enabledhttps://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox/container-behavior#wrap-items
resizinghttps://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox/item-behavior#item-size
aligninghttps://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox/container-behavior#main-axis
stretching or aligning themhttps://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox/container-behavior#cross-axis
Get startedhttps://developer.android.com/develop/ui/compose/layouts/adaptive/flexbox/get-started
Content Licensehttps://developer.android.com/license
X https://x.com/AndroidDev
YouTube https://www.youtube.com/user/androiddevelopers
LinkedIn https://www.linkedin.com/showcase/androiddev
Android https://www.android.com
Android for Enterprise https://www.android.com/enterprise/
Security https://www.android.com/security-center/
Source https://source.android.com
News https://developer.android.com/news
Blog https://android-developers.googleblog.com/
Podcasts https://developer.android.com/podcasts
Gaming https://developer.android.com/games
Machine Learning https://developer.android.com/ml
Health & Fitness https://developer.android.com/health-and-fitness
Camera & Media https://developer.android.com/media
Privacy https://developer.android.com/privacy
5G https://developer.android.com/training/connectivity/5g
Large screens https://developer.android.com/large-screens
Wear OS https://developer.android.com/wear
ChromeOS devices https://developer.android.com/chrome-os
Android for cars https://developer.android.com/cars
Android TV https://developer.android.com/tv
Android 17 https://developer.android.com/about/versions/17
Android 16 https://developer.android.com/about/versions/16
Android 15 https://developer.android.com/about/versions/15
Android 14 https://developer.android.com/about/versions/14
Android 13 https://developer.android.com/about/versions/13
Android 12 https://developer.android.com/about/versions/12
Android 11 https://developer.android.com/about/versions/11
Android Studio guide https://developer.android.com/studio/intro
Developers guides https://developer.android.com/guide
API reference https://developer.android.com/reference
Download Studio https://developer.android.com/studio
Android NDK https://developer.android.com/ndk
Report platform bug https://issuetracker.google.com/issues/new?component=190923&template=841312
Report documentation bug https://issuetracker.google.com/issues/new?component=192697
Google Play support https://support.google.com/googleplay/android-developer
Join research studies https://g.co/userresearch/androiddeveloperfooter
https://developers.google.com/
Android https://developer.android.com
Chrome https://developer.chrome.com/home
Firebase https://firebase.google.com
Google Cloud Platform https://cloud.google.com
All products https://developers.google.com/products/
Privacy https://policies.google.com/privacy
License https://developer.android.com/license
Brand guidelines https://developer.android.com/distribute/marketing-tools/brand-guidelines
Manage cookies https://developer.android.com/develop/adaptive-apps/guides/flexbox
Subscribe https://developer.android.com/updates

Viewport: width=device-width, initial-scale=1

URLs of crawlers that visited me.