iOS Paywall in SwiftUI document-based app has back navigation button

Question

As you can see below, my paywall sheet comes up with a stubborn back-navigation chevron, which is non-functional.

I’m using SwiftUI and my app is a document-browser based app, which I have read causes a particularly sticky nav bar.

I have a hacky way to hide it, if I want to also hide the close button as well, that relies on my black-background in the hero image.

Any other ideas?

  .sheet(isPresented: $isShowingPaywall) {
     PaywallView(displayCloseButton: true)
       .tint(.black)  // horrible hack to hide back chevron but loses dismiss button as well
  }

Andy Dent · Accepted Answer

I have a rather coarse but robust fix, sigh.

Yes, I’m relying on using a hero image with a solid background for the area where the nav back chevron appears, so I can hack with tint.

I have spent hours trying to change the document-based toolbar in different approaches from blogs and ChatGPT and it’s not helped other than to confirm this is not stuff you can change without horribly speculative hacks.

.sheet(isPresented: $showPaywallSheet) {
    VStack (alignment: .center, spacing: 0.0) {
        HStack{
            Spacer()
            Button("", systemImage: "xmark") {showPaywallSheet = false}
                .buttonStyle(.borderless)
                .font(.headline)
        }
        .background(.black)
        PaywallView(displayCloseButton: false)
            .tint(.black)  // hide nav in hero image
    }
}

I feel dirty but relieved, and my wife still thinks I’m a hopeless, chronic under-estimator.

Andy Dent · Answer

Further note from testing, the hack is a wee bit visible in light mode but think I can probably get away with it for a v1 app store review.

iOS Paywall in SwiftUI document-based app has back navigation button

4 replies

It’s a RevenueCat quirk/bug!

It’s a RevenueCat quirk/bug!

Sign up

‏‏‎ ‎

Log in to the Community

‏‏‎ ‎

Scanning file for viruses.

This file cannot be downloaded