Stay organized with collections
Save and categorize content based on your preferences.
Most Android apps consist of regions referred to as the system bars,
the navigation area, and the body.
Figure 4: Parts of an Android app: systems bars
(1), navigation area (2),
and body (3)
System bars
The status bar and navigation bar–collectively known as the system bars–display
important information such as battery level, the time, and notification alerts,
and provide direct device interaction from anywhere. Read more about system
bars.
Figure 5: System bars (1)
Navigation region
Navigation represents the different affordances that allow a user to
navigate within your app, access important actions, or across the Android
platform.
Body region
The body region holds the screen content. Body content is composed of additional
groupings and layout parameters. It must continue under navigation and system
bar regions.
Declare [`WindowCompat.setDecorFitsSystemWindows(window, false)`][5] for
edge-to-edge insets.
To determine the appropriate composition and navigation patterns for your
layout, seek to understand how users interact with your content, and how they
navigate your app's information architecture. This understanding can guide your
design toward being more user-focused by creating UI that users can act on.
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2025-08-28 UTC.
[null,null,["Last updated 2025-08-28 UTC."],[],[],null,["Most Android apps consist of regions referred to as the [system bars](/design/ui/mobile/guides/foundations/system-bars),\nthe navigation area, and the body.\n**Figure 4:** Parts of an Android app: systems bars (1), navigation area (2), and body (3)\n\nSystem bars\n\nThe status bar and navigation bar--collectively known as the system bars--display\nimportant information such as battery level, the time, and notification alerts,\nand provide direct device interaction from anywhere. Read more about [system\nbars](/design/ui/mobile/guides/foundations/system-bars).\n**Figure 5:** System bars (1)\n\nNavigation region\n\nNavigation represents the different affordances that allow a user to\nnavigate within your app, access important actions, or across the Android\nplatform.\n\nBody region \nThe body region holds the screen content. Body content is composed of additional\ngroupings and layout parameters. It must continue under navigation and system\nbar regions.\n\nDeclare \\[\\`WindowCompat.setDecorFitsSystemWindows(window, false)\\`\\]\\[5\\] for\nedge-to-edge insets.\n\nTo determine the appropriate composition and navigation patterns for your\nlayout, seek to understand how users interact with your content, and how they\nnavigate your app's information architecture. This understanding can guide your\ndesign toward being more user-focused by creating UI that users can act on."]]
