How can I use the new iOS 26 `UIScrollEdgeElementContainerInteraction` or `UIBackgroundExtensionView` to dim the background of a view at the bottom of a table view?

Asked on 2025-11-14

1 search

To dim the background of a view at the bottom of a table view in iOS 26, you can use the UIScrollEdgeElementContainerInteraction or UIBackgroundExtensionView. Here's how you can achieve this:

  1. Using UIScrollEdgeElementContainerInteraction:

    • Create a UIScrollEdgeElementContainerInteraction and assign it to the container view of the elements you want to overlay at the bottom of the scroll view.
    • Assign the content scroll view and specify the edge where you want the effect to be applied.
    • This will insert an edge effect behind the elements, providing a visual treatment that ensures legibility of overlapping content.

    For more details, you can refer to the session Build a UIKit app with the new design (10:56).

  2. Using UIBackgroundExtensionView:

    • Create a UIBackgroundExtensionView and set its content view to the view you want to extend.
    • Add the extension view to your view hierarchy, ensuring it covers the entire width, including the leading safe area inset.
    • This effect allows the content to expand behind the sidebar or other elements, providing a seamless and immersive experience.

    You can find more information in the session Build a UIKit app with the new design (04:10).

These methods allow you to create a visually appealing and immersive design by extending content and applying edge effects in your iOS 26 app.