Как создать контроллер, такой как профиль Instagram, с помощью UICollectionViewCompositionalLayout?

Я успешно (и с головной болью :) использовал три UICollectionView в одном UIScrollView. Сделайте UIScrollView охватывающим всю высоту экрана и добавьте разбиение по страницам с помощью меню вкладок. Добавьте свое меню вкладок / содержимое заголовка над представлением прокрутки (так, чтобы оно находилось выше в иерархии представлений и покрыло верхнюю половину вашего UIScrollView. Используйте метод scrollViewDidScroll каждого представления коллекции, чтобы получить значение scrollView.contentOffset.y и соответствующим образом настроить привязку y вашего меню. значение contentOffset.y становится выше, чем ваше меню, прекратите настраивать его, чтобы «заблокировать» часть панели вкладок наверху. Уловка (и боль) заключалась в том, чтобы сделать первую ячейку в каждом представлении коллекции пустым заполнителем. Эта ячейка-заполнитель должна быть такой же размер вашего меню вкладок / содержимого заголовка, чтобы представление коллекции выглядело так, как если бы оно находилось в нужном месте и не было скрыто за содержимым меню вкладок / заголовка.

Пример реализации scrollViewDidScroll. tabMenuHeaderContentTopAnchor - это NSContstraint. 150 - это высота моего заголовка.

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    let constant = -scrollView.contentOffset.y
    if constant < -150 { // This will lock your tab menu in place
        tabMenuHeaderContentTopAnchor?.constant = -150
    } else { // Otherwise, adjust the anchor to move with the collection view
        tabMenuHeaderContentTopAnchor?.constant = constant
    }
}

Преимущества этого я обнаружил:

• Легко добавлять страницы на ваш UIScrollView по мере необходимости
• Каждое представление коллекции управляется отдельно своим собственным источником данных.

Я нашел минусы:

• Становится немного сложнее обрабатывать различные смещения содержимого в нескольких представлениях коллекции.