tiny_alert 1.1.1 copy "tiny_alert: ^1.1.1" to clipboard
tiny_alert: ^1.1.1 copied to clipboard

Simple Flutter Alert Dialog Widget with a simple design for fast coding, easy to use, and easy to customize.

example/lib/main.dart

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

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

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

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      darkTheme: ThemeData.dark(useMaterial3: true),
      home: const HomePage(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Tiny Alert Demo'),
      ),
      body: SizedBox(
        width: double.infinity,
        child: Column(
          mainAxisSize: MainAxisSize.max,
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            ElevatedButton(
              onPressed: () {
                TinyAlert.success(
                  context,
                  title: "Success!",
                  message:
                      "This is a success message! \nAute nostrud Lorem pariatur aliqua ut reprehenderit esse reprehenderit aliqua officia pariatur dolore aliqua cupidatat.",
                );
              },
              style: ElevatedButton.styleFrom(
                backgroundColor: Colors.green,
                foregroundColor: Colors.white,
              ),
              child: const Text('Success!'),
            ),
            ElevatedButton(
              onPressed: () {
                TinyAlert.info(
                  context,
                  title: "Info!",
                  message: "This is a info message!",
                );
              },
              style: ElevatedButton.styleFrom(
                backgroundColor: Colors.blue,
                foregroundColor: Colors.white,
              ),
              child: const Text('Info!'),
            ),
            ElevatedButton(
              onPressed: () {
                TinyAlert.warning(
                  context,
                  title: "Warning!",
                  message: "This is a warning message!",
                );
              },
              style: ElevatedButton.styleFrom(
                backgroundColor: Colors.amber[700],
                foregroundColor: Colors.white,
              ),
              child: const Text('warning!'),
            ),
            ElevatedButton(
              onPressed: () {
                TinyAlert.error(
                  context,
                  title: "Error!",
                  message: "This is a error message!",
                );
              },
              style: ElevatedButton.styleFrom(
                backgroundColor: Colors.red,
                foregroundColor: Colors.white,
              ),
              child: const Text('error!'),
            ),
            ElevatedButton(
              onPressed: () {
                TinyAlert.confirm(
                  context,
                  title: "Confrimation?",
                  message: "This is a confirmation message!",
                  onConfirm: () {
                    Navigator.pop(context);
                  },
                );
              },
              style: ElevatedButton.styleFrom(
                backgroundColor: Colors.tealAccent[700],
                foregroundColor: Colors.white,
              ),
              child: const Text('Confirm!'),
            ),
            ElevatedButton(
              onPressed: () {
                TinyAlert.progress(context, label: "Loading...", barrierDismissible: true);
              },
              style: ElevatedButton.styleFrom(
                backgroundColor: Colors.blue,
                foregroundColor: Colors.white,
              ),
              child: const Text('Loading!'),
            ),
            ElevatedButton(
              onPressed: () {
                TinyAlert.snackbar(
                  context,
                  "This is snackbar message!",
                );
              },
              style: ElevatedButton.styleFrom(
                backgroundColor: Colors.indigo[400],
                foregroundColor: Colors.white,
              ),
              child: const Text('Snackbar!'),
            ),
          ],
        ),
      ),
    );
  }
}
4
likes
150
pub points
49%
popularity

Publisher

verified publisheraxemma.my.id

Simple Flutter Alert Dialog Widget with a simple design for fast coding, easy to use, and easy to customize.

Homepage
Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on tiny_alert