reward_popup 0.0.7

A flutter package to easily implement an attractive animated pop-up animation with gift and confetti animation.

example/lib/main.dart

// ignore_for_file: unused_local_variable

import 'package:flutter/material.dart';
import 'package:reward_popup/reward_popup.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: const MyHomePage(),
    );
  }
}

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

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black,
      appBar: AppBar(
        backgroundColor: Theme.of(context).colorScheme.inversePrimary,
        title: const Text('Reward Popup'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            const Text(
              'Press the button to show popup',
              style: TextStyle(color: Colors.white),
            ),
            ElevatedButton(
              onPressed: () async {
                final answer = await showRewardPopup<String>(
                  context,
                  backgroundColor: Colors.black,
                  child: Positioned.fill(
                    child: InkWell(
                      onTap: () {
                        Navigator.of(context).pop(true);
                      },
                      child: Image.asset(
                        'assets/elephant.jpg',
                        fit: BoxFit.cover,
                      ),
                    ),
                  ),
                );
                //Use answer
              },
              child: const Text('Pop-up example one'),
            ),
            ElevatedButton(
              onPressed: () => showRewardPopup(
                context,
                enableDismissByTappingOutside: true,
                child: const Positioned.fill(
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text('Coupon Code'),
                      Text('Reach out to redeem'),
                      Text('abcd xyz'),
                    ],
                  ),
                ),
              ),
              child: const Text('Pop-up example two'),
            ),
            ElevatedButton(
              onPressed: () => showRewardPopup(
                context,
                enableDismissByTappingOutside: true,
                dismissButton: TextButton(
                  child: const Text("Close"),
                  onPressed: () => Navigator.of(context).pop(),
                ),
                child: const Positioned.fill(
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      Text('Coupon Code'),
                      Text('Reach out to redeem'),
                      Text('abcd xyz'),
                    ],
                  ),
                ),
              ),
              child: const Text('Pop-up example three with dismiss button'),
            ),
            ElevatedButton(
              onPressed: () async {
                await showRewardPopup(
                  context,
                  enableDismissByTappingOutside: true,
                  child: const Positioned.fill(
                    child: Column(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Text('Coupon Code'),
                        Text('Reach out to redeem'),
                        Text('abcd xyz'),
                      ],
                    ),
                  ),
                );
                if (mounted) {
                  ScaffoldMessenger.of(context).showSnackBar(
                    const SnackBar(
                      content: Text("Popup dismissed"),
                    ),
                  );
                }
              },
              child: const Text('Pop-up example four'),
            ),
            ElevatedButton(
              onPressed: () async {
                final answer = await showRewardPopup<String>(
                  context,
                  backgroundColor: Colors.teal,
                  child: Positioned.fill(
                    child: InkWell(
                      onTap: () {
                        Navigator.of(context).pop(true);
                      },
                      child: Image.asset(
                        'assets/elephant.png',
                        fit: BoxFit.scaleDown,
                      ),
                    ),
                  ),
                );
                //Use answer
              },
              child: const Text('Pop-up example five with background cololor'),
            ),
          ],
        ),
      ),
    );
  }
}