# Safe Areas

DevFeed: [Safe Areas](<https://devfeed.tech/articles/safe-areas-19504.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/safe-areas/>)

Author: Steve Hannah

Published: 2020-02-07T00:00:00Z

Content type: tutorial

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [iphone](<https://devfeed.tech/topics/iphone.md>), [API](<https://devfeed.tech/topics/api.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [app](<https://devfeed.tech/tags/app.md>), [apple](<https://devfeed.tech/tags/apple.md>), [developers](<https://devfeed.tech/tags/developers.md>), [iphone](<https://devfeed.tech/tags/iphone.md>), [navigation](<https://devfeed.tech/tags/navigation.md>), [padding](<https://devfeed.tech/tags/padding.md>)

## AI overview

This tutorial explains how Codename One applications can accommodate the iPhone X notch, rounded screen corners, and bottom task bar. It describes APIs and component behavior for keeping content within the device's safe area, including extra padding for bottom tab buttons, and points to a SafeAreasSample example.

## Source excerpt

Apple is so very clever with its designs. With the iPhone X, they found a way to squeeze in a larger screen without increasing the phone dimensions. The screen nearly covers the entire front face of the phone. The "notch", as it has come to be known, may have been a practical concession (they needed to put the camera and speaker somewhere, after all) or an intentional design choice - or maybe a little of both. However the notch was conceived, it is here to stay, and we developers need to "work around" it.