PaywallView is freezing when opening it. (frame drop)

Hey ​@Elisei Nicolae, 

Thank you for reaching out and providing code snippets along with a demo screen recording of what you’re seeing!

The only reason I can think that could cause this effect is that the PaywallView needs to fetch the Offering and Paywall data at the moment the View is displayed, and that small freeze you see could be due to the Paywall loading.

Have you tried passing the Offering to the PaywallView and seeing if the freezing still happens?

You can do so like this:

Offerings offerings = await Purchases.getOfferings();

final selectedOffering = offerings?.getOffering(offering) ?? offerings?.current;

PaywallView(offering: selectedOffering, onDismiss:{....})

You can ensure that the offerings are loaded after configuration, so they are already loaded when the Paywall is presented.

I hope this helps!

Hey ​@alejandra-wetsch, 

i tried, but still there is lag / freezing the same..
 

import 'package:flutter/material.dart';
import 'package:purchases_flutter/purchases_flutter.dart';
import 'package:purchases_ui_flutter/purchases_ui_flutter.dart';

class PremiumButtonLime extends StatefulWidget {
  const PremiumButtonLime({super.key});

  @override
  State<PremiumButtonLime> createState() => _PremiumButtonLimeState();
}

class _PremiumButtonLimeState extends State<PremiumButtonLime> {
  Offering? _offering;

  @override
  void initState() {
    super.initState();
    _loadOffering();
  }

  Future<void> _loadOffering() async {
    final offerings = await Purchases.getOfferings();
    if (mounted) {
      setState(() {
        _offering = offerings.current;
      });
    }
  }

  void _showPaywall() {
    print('_offering =$_offering');
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (_) => Scaffold(
          body: SafeArea(
            child: PaywallView(
              offering: _offering,
              onDismiss: () => Navigator.of(context).pop(),
            ),
          ),
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      style: ElevatedButton.styleFrom(
        backgroundColor: const Color(0xFFBFE737),
        foregroundColor: Colors.black,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(12),
          side: const BorderSide(color: Colors.black, width: 1.5),
        ),
      ),
      onPressed: _showPaywall,
      child: const Text(
        'PRO',
        style: TextStyle(fontWeight: FontWeight.w800, fontSize: 20),
      ),
    );
  }
}