Skip to main content
Question

Change color of bottom paywall


paulocoutinhox
Forum|alt.badge.img+4

Hi,

How i can change the bottom color (gray bar) under "restaurar compras" using Flutter?

Im using the demo flutter code from docs, but don't have option to change that part.

Thanks.

 

 

 

This post has been closed for comments

5 replies

Forum|alt.badge.img
  • RevenueCat Staff
  • 9 replies
  • July 2, 2025

Olá Paulo! Happy to help here.

What you are seeing is very likely to be related to your SafeArea widget configuration.

We don’t provide a way to change this on the code because the paywall is meant to be a child widget;  the containing Scaffold is entirely customisable on your end. 

In case you haven’t already, could you try changing your Scaffold background color to see if it solves the issue?

home: Scaffold(
   backgroundColor: Colors.white,
      body: SafeArea(
       // ...

If this doesn’t work, please send me the code where you call the paywall so I can examine what could be missing. Let’s get to the bottom of this!

 

All the best,

-- Víctor from RevenueCat


paulocoutinhox
Forum|alt.badge.img+4

Hi,

I tried it, but don't work:

 

class _SubscriptionViewState extends State<SubscriptionView> {
  void _showPaywall() async {
    final offerings = await Purchases.getOfferings();

    if (offerings.current != null) {
      if (!mounted) return;

      final navigator = Navigator.of(context);
      navigator.push(
        MaterialPageRoute(
          builder: (context) => Scaffold(
            appBar: AppBar(
              title: Text("subscription.label".tr()),
              backgroundColor: appStore.theme.primarySwatchColor,
            ),
            backgroundColor: Colors.white,
            body: SafeArea(
              child: PaywallView(
                offering: offerings.current,
                onRestoreCompleted: (customerInfo) async {
                  // refresh global subscription status to unlock content immediately
                  await appStore.refreshSubscriptionStatus();
                },
                onPurchaseCompleted: (customerInfo, storeTransaction) async {
                  // refresh global subscription status to unlock content immediately after purchase
                  await appStore.refreshSubscriptionStatus();
                },
                onDismiss: () {
                  if (mounted) {
                    navigator.pop();
                  }
                },
              ),
            ),
          ),
        ),
      );
    }
  }
}

 


paulocoutinhox
Forum|alt.badge.img+4

Hi,

Can have some relation, because when i set the bgColor to red, it paint in red color. But i think that is apply some effect over the color and because the effect it is not a clear/solid white.

 


paulocoutinhox
Forum|alt.badge.img+4

I have removed the SafeArea and it appear works.

 

 


Forum|alt.badge.img
  • RevenueCat Staff
  • 9 replies
  • July 7, 2025

Hi Paulo!

That looks perfect, glad you were able to solve the problem. Let me know if you have any other questions, I’ll be happy to help.

 

All the best,

--Víctor from RevenueCat


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