[CB-13411] The launch screen storyboard (splash screen) has a white safe area on the bottom ONLY on iPhone X, iOS 11

• Type: Bug
• Status: Closed
• Priority: Minor
• Resolution: Fixed
• Affects Version/s: cordova-ios 4.5.0
• Component/s: cordova-ios
• Labels: easyfix

Environment

cordova-ios 4.5.0 or 4.5.1 and cordova-plugin-splashscreen

• Assignee: Suraj Pindoria
• Reporter: Andrea Lazzarotto
• Created: 06/Oct/17 21:51
• Updated: 22/Nov/17 18:41
• Resolved: 08/Nov/17 23:14

Description

The splash screen used by cordova-plugin-splashscreen uses the CDVLaunchScreen.storyboard file from cordova-ios. On the iPhone X emulator with iOS11, this shows a white "safe area inset" only on the bottom margin (not on the top).

The splash screen should be immersive both on top and on the bottom, therefore the storyboard should be fixed. I use this simple replacement in a hook to patch cordova-ios after cordova prepare:

NAME="$(find platforms/ios/ -name 'CDVLaunchScreen.storyboard')"
sed -i '' 's_secondItem="xb3-aO-Qok" secondAttribute="top"_secondItem="Ze5-6b-2t3" secondAttribute="bottom"_g' "$NAME"

Basically one constraint on the storyboard needs to be updated. It should be trivial to fix.

Issue Links

• is duplicated by: CB-13439 CDVLaunchScreen.storyboard has wrong constraint to support iPhone X
• relates to: CB-13396 Splash screen images are resized incorrectly on iPhone X