How to set bottom safe area to XIB in iOS?

Question

I want to open custom popup view(designed in XIB) which is displaying from bottom but rightnow in iPhoneX simulator, it displayed from bottom of the screen. i want to open popup in safe area.

Result in iPhone-X

And XIB Layout with constraints.

Answer 1

Solution in simple words: Remove bottom constraint with superview and attach it (bottom constraint) with bottom (anchor) layout constraint of 'Safe Area'

Follow these steps to find solution:

1. Enable 'Safe Area Layout', if not enabled.
2. Remove 'Bottom constraint' if it shows you connection with with Super view and re-attach with safe layout bottom anchor. OR Double click on bottom constraint and edit from super view to SafeArea bottom anchor

Look at this snapshot:

Here is result:

Update:
Here is same result with XIB also. I don't see any problem with XIB here.