Safe Area Helper

This tool will help you quickly develop and simulate the Safe Area of a notched mobile device such as the iPhone X or Google Pixel 3 XL!

For a detailed breakdown about how the Safe Area works on mobile devices, please read our "How To" article online, Updating your GUI for the iPhone X and other “Notched” Devices

Features:

• Simple drag-and-drop component to apply Screen.safeArea to your Unity GUI components
• Convenient options to conform to Safe Area on X- or Y-axis only
• Simulate the iPhone X Safe Area within the Editor in all orientations - quickly iterate your UI and save time without having to build to a physical device or Xcode Simulator
• Convenient debug toggle button to switch between normal and Safe Area modes at runtime
• Easily add an unlimited number of your own simulated devices

Simulated devices included:

• iPhone X models, iPhone 11 models
• Google Pixel 3 XL

Requirements:

• For iOS: Unity 2017.2.1 or higher (needed for Screen.safeArea API)
• For Android: Unity 2018.4.1 or 2019.1.2 or higher with API level 28 (needed for Android cutout support)

Screenshots contain examples of correct and incorrect implementations of the Safe Area for demonstration purposes only. (No graphical assets are included in the package.)

Please post any questions or feedback to our Official support thread