SwiftUI View in UICollectionViewCell

Question

I have a UICollectionView and I'm trying to design my UICollectionViewCell's using SwiftUI. I've seen two examples, one and two that have done this in the following manner in their UICollectionViewCell:

let controller = UIHostingController(rootView: SomeSwiftUIView)
let view = controller.view!
view.translatesAutoresizingMaskIntoConstraints = false
addSubview(view)
NSLayoutConstraint.activate([
    view.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
    view.topAnchor.constraint(equalTo: contentView.topAnchor),
    view.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
    view.bottomAnchor.constraint(equalTo: contentView.bottomAnchor)
])

This works fine visually, but a problem I'm having is I do not have user interaction with the SwiftUI view. For example, if I have a Button in the SwiftUI view, the action is not performed when you tap the button. If a List is in the SwiftUI view, you cannot scroll this view. (I'm not trying to put a List in it, this is just an example)

Any recommendations on where to go from here? Thanks!

Hunter Meyer · Accepted Answer · 2020-11-19 01:42:25Z

1

I solved this by constraining the view to the cell rather than the contentView, and it is working fine now.

NSLayoutConstraint.activate([
    view.leadingAnchor.constraint(equalTo: leadingAnchor),
    view.topAnchor.constraint(equalTo: topAnchor),
    view.trailingAnchor.constraint(equalTo: trailingAnchor),
    view.bottomAnchor.constraint(equalTo: bottomAnchor)
])

As I suspected, this was a layering issue.

answered Nov 19, 2020 at 1:42

Hunter Meyer

3041 silver badge12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jippe Joosten · Accepted Answer · 2024-03-29 14:25:29Z

You are adding the view to the cell directly and setting the constraints on the contentView.

When you add the view to the content view it will work as expected, so looking at your code if we only have to change the 4th line to contentView.addSubview(view) like so it would become:

let controller = UIHostingController(rootView: SomeSwiftUIView)
let view = controller.view!
view.translatesAutoresizingMaskIntoConstraints = false
contentView.addSubview(view)

NSLayoutConstraint.activate([
    view.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
    view.topAnchor.constraint(equalTo: contentView.topAnchor),
    view.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
    view.bottomAnchor.constraint(equalTo: contentView.bottomAnchor)
])

Apple also suggests to add the content of a cell into the content view and not directly into the view of the cell. See docs

Collectives™ on Stack Overflow

SwiftUI View in UICollectionViewCell

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related