Skip to main content
Question

Flutter paywall close button not working


Forum|alt.badge.img+2

Hello, [Flutter App - PayWall]

I’ve checked different topics related to mine and i can’t fix my issue.

I wanted to show the close button on my paywall. But unfortunally even if i’m using :

await RevenueCatUI.presentPaywallIfNeeded(paywallKey, displayCloseButton: true);

 

As described in the doc, it’s not working. Some people said the button is only black for them but in my case, i can’t find any it at all, so i need help. Here’s what it looks like and i’m using this recent version :

purchases_flutter: 8.10.4purchases_ui_flutter: 8.10.4

 

6 replies

joan-cardona
RevenueCat Staff
Forum|alt.badge.img+6
  • RevenueCat Staff
  • 496 replies
  • July 11, 2025

Hi ​@alex-p-2f686a,

That close button is part of the legacy paywalls. Our current Paywalls do not require the displayCloseButton parameter (or equivalent for other platforms), and it will have no effect if used, since close buttons can be optionally added directly to your paywall as a component if desired.

Let me know if this helps!


Forum|alt.badge.img+2

Thanks for your response ​@joan-cardona ,

So if i understand, i should just add a new component like icon one right ? and how can i specify that it should close the modal please ?

 

I used “navigate back” but not working! :(

 


Forum|alt.badge.img+2

@joan-cardona I’m using this package and add the action available for close button on this template please seems not working!

Currently the only actions available are : “Navigate to”, “Navigate back” (that is not working) and Restore purchases (don’t need this) 

Need help! Thanks

 


joan-cardona
RevenueCat Staff
Forum|alt.badge.img+6
  • RevenueCat Staff
  • 496 replies
  • July 30, 2025

 Hi ​@alex-p-2f686a,

You are correct, the action you need to set is “Navigate back” to close the paywall.

How are you presenting it? It looks that you are presenting it as a sheet, in this case the sheet should already be closable by dragging it down and they are presented modally.

The navigate back is thought as a back button, when a view is pushed or full screen. You can read here how to work with navigation in paywalls.

Best,


Forum|alt.badge.img+1

We are experiencing the exact same thing. Adding a “Close Button” or “Image with Close Button” using the UI builder, and making sure that the button action is set to “Navigate back” results in no action on the client side when pressed (I get visual feedback that the button gets pressed, but the paywall stays open and unchanged.

 

"react-native-purchases": "9.1.0",

"react-native-purchases-ui": "9.1.0",


joan-cardona
RevenueCat Staff
Forum|alt.badge.img+6
  • RevenueCat Staff
  • 496 replies
  • August 12, 2025

Hi ​@arthurficial,

Are you showing it as a sheet? In that case, it’s expected that it can be closed by dragging the paywall down while “Navigate back” should be used when the paywall is stacked in a navigation view. 

Is this happening for both platforms or only one? It would be great if you could share a code snippet on how are you presenting the paywall.

Best,


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings