Add a ScaffoldMessengerState parameter to support displaying on a specified Scaffold without affecting other Scaffolds.

README.md

@@ -56,15 +56,15 @@ import 'package:timer_snackbar/timer_snackbar.dart';
 
 ## Preview
 
-![Preview](https://raw.githubusercontent.com/sabikrahat/timer_snackbar/master/sample.gif)
+![Preview](https://raw.githubusercontent.com/aa2013/timer_snackbar/master/sample.gif)
 
-<br>
 <br>
 
 ## Example
 There are a number of properties that you can modify:
 
 - context
+- scaffoldMessengerState
 - contentText
 - buttonPrefixWidget
 - buttonLabel
@@ -75,21 +75,120 @@ There are a number of properties that you can modify:
 
 <hr>
 
-```
+```dart
+import 'package:flutter/material.dart';
+import 'package:timer_snackbar/timer_snackbar.dart';
+
+void main() {
+  runApp(const MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  const MyApp({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        title: 'Timer Snackbar',
+        theme: ThemeData(
+          primarySwatch: Colors.blue,
+        ),
+        home: const HomePage());
+  }
+}
+
 class HomePage extends StatelessWidget {
   const HomePage({Key? key}) : super(key: key);
 
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        Expanded(
+          child: NestedScaffold(
+            title: "NestedScaffold1",
+          ),
+        ),
+        Expanded(
+          child: NestedScaffold(
+            title: "NestedScaffold2",
+          ),
+        ),
+        Expanded(
+          child: MyScaffold(
+            title: "MyScaffold1",
+          ),
+        ),
+        Expanded(
+          child: MyScaffold(
+            title: "MyScaffold2",
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class NestedScaffold extends StatelessWidget {
+  final String title;
+
+  NestedScaffold({Key? key, required this.title}) : super(key: key);
+  //Use ScaffoldMessenger with a key, and pass the state when calling timerSnackbar.
+  final scaffoldMessengerKey = GlobalKey<ScaffoldMessengerState>();
+
+  @override
+  Widget build(BuildContext context) {
+    return ScaffoldMessenger(
+      //Pay attention here
+      key: scaffoldMessengerKey,
+      child: Scaffold(
+        appBar: AppBar(
+          title: Text(title),
+        ),
+        body: Center(
+          child: ElevatedButton(
+            child: const Padding(
+                padding: EdgeInsets.all(8.0),
+                child: Text('Show separated snackbar', textScaleFactor: 1.2)),
+            style: ElevatedButton.styleFrom(
+                shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(8.0))),
+            onPressed: () => timerSnackbar(
+              scaffoldMessengerState: scaffoldMessengerKey.currentState!,
+              contentText: "A snackbar with live timer.",
+              buttonPrefixWidget: Image.asset(
+                'assets/undo.png',
+                width: 17.0,
+                height: 15.0,
+                alignment: Alignment.topCenter,
+                color: Colors.blue[100],
+              ),
+              afterTimeExecute: () => print("Operation Execute."),
+              second: 5,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class MyScaffold extends StatelessWidget {
+  final String title;
+
+  const MyScaffold({Key? key, required this.title}) : super(key: key);
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: const Text("Timer Snackbar"),
+        title: Text(title),
       ),
       body: Center(
         child: ElevatedButton(
           child: const Padding(
               padding: EdgeInsets.all(8.0),
-              child: Text('Show Snackbar', textScaleFactor: 1.2)),
+              child: Text('Show Snackbar Both', textScaleFactor: 1.2)),
           style: ElevatedButton.styleFrom(
               shape: RoundedRectangleBorder(
                   borderRadius: BorderRadius.circular(8.0))),
@@ -111,6 +210,7 @@ class HomePage extends StatelessWidget {
     );
   }
 }
+
 ```
 
 

example/lib/main.dart

@@ -22,17 +22,95 @@ class MyApp extends StatelessWidget {
 class HomePage extends StatelessWidget {
   const HomePage({Key? key}) : super(key: key);
 
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      children: [
+        Expanded(
+          child: NestedScaffold(
+            title: "NestedScaffold1",
+          ),
+        ),
+        Expanded(
+          child: NestedScaffold(
+            title: "NestedScaffold2",
+          ),
+        ),
+        Expanded(
+          child: MyScaffold(
+            title: "MyScaffold1",
+          ),
+        ),
+        Expanded(
+          child: MyScaffold(
+            title: "MyScaffold2",
+          ),
+        ),
+      ],
+    );
+  }
+}
+
+class NestedScaffold extends StatelessWidget {
+  final String title;
+
+  NestedScaffold({Key? key, required this.title}) : super(key: key);
+  //Use ScaffoldMessenger with a key, and pass the state when calling timerSnackbar.
+  final scaffoldMessengerKey = GlobalKey<ScaffoldMessengerState>();
+
+  @override
+  Widget build(BuildContext context) {
+    return ScaffoldMessenger(
+      //Pay attention here
+      key: scaffoldMessengerKey,
+      child: Scaffold(
+        appBar: AppBar(
+          title: Text(title),
+        ),
+        body: Center(
+          child: ElevatedButton(
+            child: const Padding(
+                padding: EdgeInsets.all(8.0),
+                child: Text('Show separated snackbar', textScaleFactor: 1.2)),
+            style: ElevatedButton.styleFrom(
+                shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(8.0))),
+            onPressed: () => timerSnackbar(
+              scaffoldMessengerState: scaffoldMessengerKey.currentState!,
+              contentText: "A snackbar with live timer.",
+              buttonPrefixWidget: Image.asset(
+                'assets/undo.png',
+                width: 17.0,
+                height: 15.0,
+                alignment: Alignment.topCenter,
+                color: Colors.blue[100],
+              ),
+              afterTimeExecute: () => print("Operation Execute."),
+              second: 5,
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class MyScaffold extends StatelessWidget {
+  final String title;
+
+  const MyScaffold({Key? key, required this.title}) : super(key: key);
+
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: const Text("Timer Snackbar"),
+        title: Text(title),
       ),
       body: Center(
         child: ElevatedButton(
           child: const Padding(
               padding: EdgeInsets.all(8.0),
-              child: Text('Show Snackbar', textScaleFactor: 1.2)),
+              child: Text('Show Snackbar Both', textScaleFactor: 1.2)),
           style: ElevatedButton.styleFrom(
               shape: RoundedRectangleBorder(
                   borderRadius: BorderRadius.circular(8.0))),

lib/src/timer_snackbar.dart

@@ -3,7 +3,10 @@ import 'dart:async';
 import 'package:flutter/material.dart';
 
 timerSnackbar({
-  required BuildContext context,
+  BuildContext? context,
+
+  ///If you need to display it separately in a specific Scaffold, pass the corresponding ScaffoldMessengerState, and set the context to null.
+  ScaffoldMessengerState? scaffoldMessengerState,
 
   /// Main body message
   required String contentText,
@@ -14,6 +17,9 @@ timerSnackbar({
   /// button label
   String buttonLabel = 'Undo',
 
+  /// When the button is clicked, this method will be called
+  void Function()? onActionTap,
+
   /// This method will execute after time finish. The default time is 4 seconds.
   required void Function() afterTimeExecute,
 
@@ -25,7 +31,11 @@ timerSnackbar({
 
   /// default TextStyle is none.
   TextStyle? contentTextStyle,
+
+  /// default margin is 6.0
+  EdgeInsetsGeometry? margin = const EdgeInsets.all(6.0),
 }) {
+  assert(context != null || scaffoldMessengerState != null);
   bool isExecute = true;
   final snackbar = SnackBar(
     content: Row(
@@ -69,7 +79,12 @@ timerSnackbar({
         InkWell(
           splashColor: Colors.white,
           onTap: () {
-            ScaffoldMessenger.of(context).hideCurrentSnackBar();
+            if (context != null) {
+              ScaffoldMessenger.of(context).hideCurrentSnackBar();
+            } else {
+              scaffoldMessengerState!.hideCurrentSnackBar();
+            }
+            onActionTap?.call();
             isExecute = !isExecute;
             return;
           },
@@ -96,16 +111,21 @@ timerSnackbar({
     ),
     backgroundColor: backgroundColor ?? Colors.grey[850],
     duration: Duration(seconds: second),
-    behavior: SnackBarBehavior.floating,
-    margin: const EdgeInsets.all(6.0),
+    behavior: margin != null ? SnackBarBehavior.floating : null,
+    margin: margin,
     shape: RoundedRectangleBorder(
       borderRadius: BorderRadius.circular(4.0),
     ),
   );
-
-  ScaffoldMessenger.of(context)
-    ..hideCurrentSnackBar()
-    ..showSnackBar(snackbar);
+  if (context != null) {
+    ScaffoldMessenger.of(context)
+      ..hideCurrentSnackBar()
+      ..showSnackBar(snackbar);
+  } else {
+    scaffoldMessengerState!
+      ..hideCurrentSnackBar()
+      ..showSnackBar(snackbar);
+  }
 
   Timer(Duration(seconds: second), () {
     if (isExecute) afterTimeExecute();