drops 0.0.5

A pacakge for showing alerts like the one used when copying from pasteboard or connecting Apple pencil and the alert shown on iPhones when using the silent toggle.

example/lib/main.dart

import 'package:drops/drops.dart';
import 'package:flutter/cupertino.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return const CupertinoApp(
      debugShowCheckedModeBanner: false,
      home: DropsExample(),
    );
  }
}

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

  @override
  State<DropsExample> createState() => _DropsExampleState();
}

class _DropsExampleState extends State<DropsExample> {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
      child: SafeArea(
        child: Center(
          child: Column(
            spacing: 10,
            mainAxisAlignment: MainAxisAlignment.end,
            children: [
              CupertinoButton.filled(
                child: Text('Basic drop'),
                onPressed: () {
                  Drops.show(context, title: 'Basic');
                },
              ),
              CupertinoButton.filled(
                child: Text('Basic drop with icon'),
                onPressed: () {
                  Drops.show(
                    context,
                    title: 'Basic drop',
                    icon: CupertinoIcons.drop_fill,
                  );
                },
              ),
              CupertinoButton.filled(
                child: Text('Drop with subtitle'),
                onPressed: () {
                  Drops.show(
                    context,
                    title: 'Basic drop',
                    subtitle: 'subtitle',
                  );
                },
              ),
              CupertinoButton.filled(
                child: Text('Warning drop'),
                onPressed: () {
                  Drops.show(
                    context,
                    title: 'Warning',
                    subtitle: 'This is a warning',
                    isDestructive: true,
                    icon: CupertinoIcons.exclamationmark_triangle_fill,
                  );
                },
              ),
              CupertinoButton.filled(
                child: Text('Squared drop'),
                onPressed: () {
                  Drops.show(
                    context,
                    title: 'Squared drop',
                    subtitle: 'subtitle',
                    icon: CupertinoIcons.drop_fill,
                    iconColor: CupertinoColors.activeBlue,
                    shape: DropShape.squared,
                  );
                },
              ),
              CupertinoButton.filled(
                child: Text('bottom positioned drop'),
                onPressed: () {
                  Drops.show(
                    context,
                    title: 'Bottom positioned',
                    subtitle: 'subtitle',
                    position: DropPosition.bottom,
                  );
                },
              ),
              CupertinoButton.filled(
                child: Text('Do not disturb example'),
                onPressed: () {
                  Drops.show(
                    context,
                    title: 'Do Not Disturb',
                    icon: CupertinoIcons.moon_fill,
                    iconColor: CupertinoColors.systemIndigo,
                    duration: Duration(seconds: 2),
                    subtitle: 'Off',
                    position: DropPosition.top,
                  );
                },
              ),
              CupertinoButton.filled(
                child: Text('Airplane mode'),
                onPressed: () {
                  Drops.show(
                    context,
                    title: 'Airplane mode',
                    icon: CupertinoIcons.airplane,
                    iconColor: CupertinoColors.activeOrange,
                    duration: Duration(seconds: 2),
                    subtitle: 'Off',
                    position: DropPosition.top,
                  );
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}