Solved

Flutter paywall purchases_ui_flutter show full screen, top has some padding

  • 22 March 2024
  • 2 replies
  • 77 views

Badge +1

I am using the Flutter purchases_ui_flutter package and I love it so far.

 

When the paywall screen is shown, the top of the pages shows almost to the top, but not quite. Is there a way to allow the screen to go all the way to the top of the page?

 

 

Thanks.

icon

Best answer by toni-rico 25 March 2024, 08:06

View original

This post has been closed for comments

2 replies

Userlevel 2
Badge +3

Hi @jedipixels,

If you use the `presentPaywall` or `presentPaywallIfneeded` methods, the paywall is presented as a modal sheet in iOS (https://developer.apple.com/design/human-interface-guidelines/sheets). This means that there will be some space at the top to be able to see the background. In android, it’s presented as a full screen activity.

If you need further customization, please take a look at using the `PaywallView` component to wrap the paywall into a view: https://www.revenuecat.com/docs/tools/paywalls/displaying-paywalls#flutter. That would allow you to completely customize the appearance but you will need to handle presentation/dismissal yourself.

Let us know if you have any other questions!

Badge +1

Hi @toni-rico,

Thank you so much for the link, using PaywallView worked great...