Popover in SwiftUI is showing a sheet. Anyone else?

Question

Created Jul ’20

Replies 9

Boosts 2

Views 12k

Participants 9

Hi, I have been trying to use a popover in SwiftUI in Xcode 12 Beta 2&3 and popovers are showing up as sheets. Here is my code:

Code Block struct MasterView: View {		@State private var showPopover: Bool = false
		var body: some View {
				VStack {
						Button("Show popover") {
								self.showPopover = true
						}.popover(
								isPresented: self.$showPopover,
								arrowEdge: .bottom
						) { Text("Popover") }
				}
		}
}

However, no popover is presented. Instead it's a sheet. I submitted feedback, but I don't see anyone else complaining about it. I want to confirm I'm not the only one.

Boost

Answer 1

lisandr0 OP

Jul ’20

Hello Eric, I've been playing with popover and I cannot get presented as a popover. I tried different attachmentAnchor and content views.

1

Answer 2

ericagredo OP

Jul ’20

Yeah same. I guess we shall wait to see if it's fixed in the next beta.

0

Answer 3

travis78701 OP

Jul ’20

What device are you testing? Popovers are presented as sheets in compact environments. But work fine on iPad. When using UIKit, there are ways to get popovers on iPhone (using adaptivePresentationStyle) but that is not directly available in SwiftUI. At least not yet.

2

Answer 4

ericagredo OP

Jul ’20

@travis78701 I tested it through simulator on every type of iphone and then used my personal iPhone XS Max and none of it works.

0

Answer 5

krames OP

Aug ’20

Popovers are meant to be shown as sheets on iPhone. If you run the app on an iPad or a Mac if its a universal app, you will see it display as a small overlay as the name suggests. Hope this helps.

4

Answer 6

duoyun852 OP

Nov ’20

Hi, I wrote a little project, maybe it is helpful. https://github.com/DominikButz/DYPopoverView

However, it doesn't work if the anchorView is in the navigation bar...

1

Answer 7

duoyun852 OP

Nov ’20

correction: it works if you attach the popover modifier to a GeometryReader which is the top view in the body. Check out the updated example: https://github.com/DominikButz/DYPopoverViewExample

1

Answer 8

Xaxxus OP

Jan ’23

I can confirm this is still the behaviour on iOS 16.

Its a shame because popover bubbles are very common on iOS for providing users with tutorials on how to use the app.

This should be fixed.

If you wanted to show a sheet instead of a popover on iPhone, you could easily just create a view modifier that does the existing behaviour.

0

Answer 9

iX901 OP

May ’23

This fixed on iOS 16.4

adding .presentationCompactAdaptation((.popover)) will make it appear as popover on iPhone

.popover(isPresented: isPresented) {
            &#x2F;&#x2F; Your View
                    .presentationCompactAdaptation((.popover))
            }

18