I’m working on an iOS app where I aim to extend my content to fill the entire screen, achieving an edge-to-edge full-screen effect similar to what happens automatically with UITableViewController.
My current setup involves a UICollectionView embedded within a UIPageViewController. To try and achieve the full-screen effect, I initially set the UIPageViewController’s bottom constraint to match the safeAreaLayoutGuide’s bottom anchor:
pageViewController.view.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor)
Here’s the outcome
However, this didn’t extend the content to the bottom edge of the screen. I modified the constraint to anchor to the view’s bottom (with an added constant for some reason) as follows:
pageViewController.view.bottomAnchor.constraint(equalTo: view.bottomAnchor, constant: 32) // Having 32 sounds strange. Is there a better way?
This change seems to achieve the desired edge-to-edge effect, but now I’m facing an issue where the bottom content of the UICollectionView is too close to the edge of the device, especially when scrolled to the very bottom.
In UITableViewController, such padding or content inset adjustments seem to be handled automatically, ensuring that content doesn’t overlap with the device’s bottom edge or home indicator. This is discussed in https://sarunw.com/posts/how-to-ignore-safe-area-insets-in-uikit/
I’m looking for a way to achieve a similar automatic adjustment with my UICollectionView setup.
Does anyone have suggestions on how to properly achieve this edge-to-edge effect while ensuring the content is not uncomfortably close to the screen edges? Specifically, I’m wondering if there’s a way to automatically adjust the content inset or if there’s a better approach to constraining the UIPageViewController for a full-screen effect.
Thanks in advance for your help!
