Closes #35

Independent removal of snackbars helps when they are not being removed and stuck on app bar. Also Dismissable widget should start an animation, but just straight dismiss snack bar.

I really liked the package (compared with showing Android styled snack bar)

I have a use case to show persisting messages until removed manually, something like "No internet connection" I want to keep the snack bar showing until the network state change.

What I tried:-

1. I was able to change the displayDuration to const Duration(days: 365) which seems fine till now
2. I was not able to override the default dismiss on click, where I want the snack bar to not be dismissible (even with adding my own onTap it is still dismissible with user clicks)
3. I was not able to dismiss the widget programmatically after showing it (this may be related to #16)

Based on the use case above, I believe these features will most likely resolve it:-

• Add bool isInfiniteDuration which default to false; However, when set to true it disables the dismiss completely.
• Add bool isDismissible which default to true; However, when set to true the user clicks won't dismiss the snack bar
• (I'm not sure if this is the best approach) Return the TopSnackBar widget with the showTopSnackBar and expose a public method to dismiss the widget

After dismiss snackbar stuck on statusbar android. Im using ModalProgressHud In my condition, a modal progress show up and close after that modal close then calling showSnackbar and snackbar dismiss but stuck on statusbar. if not using modalHud no problem,

Note im using newest version 2.1.1

I want the snackbar to be placed on top center of my application and not to expand through screen width. I tried wrapping my custom snackbar with a Row widget but it throws bunch of following exceptions:

Assertion failed:
!_debugDuringDeviceUpdate
is not true

• Fix issue related to dismiss top snake bar. When user dismiss the snake bar and immediately navigate to another pages, it's show up snake bar for very short time.

• Add text align

Change parameter from dismissDirection to dismissDirections with default value is [DismissDirection.up]

This PR will allow dismissing snack-bar with a multi-direction swipe.

Demo:

https://user-images.githubusercontent.com/17402674/183585800-e5c2e033-c614-45f2-a803-197aed96848c.mov

New dismissType and dismissDirection parameters

This PR Allow to dismiss the snackbar throughout swipe action. (similar to push notification).

User can still choose the dismiss behavior (TopSnackBarDismissType.onTap like now, TopSnackBarDismissType.onSwipe or TopSnackBarDismissType.none)

I updated the example.

| DismissDirection.up | DismissDirection.endToStart | | -------------------- | ---------------------------- | | https://user-images.githubusercontent.com/22376981/176822421-631ccb37-5e63-4d55-9402-53547dca4f93.MP4 | https://user-images.githubusercontent.com/22376981/176822453-3fd4749c-bb79-4452-a27b-1e122f164460.MP4 |

I encountered a bug while using the feature: if I force too many notifications to appear on the screen, the shadows leave a blurry smear on the top screen, which doesn't disappear. I thought about decreasing the display time of this notification, but the property not found in the plugin.

Code

import 'package:flutter/material.dart';
import 'package:top_snackbar_flutter/top_snack_bar.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Builder(builder: (context) {
        return Scaffold(
          body: Center(
            child: TextButton(
              onPressed: () => showTopSnackBar(
                context,
                Container(
                  width: double.infinity,
                  margin: const EdgeInsets.only(top: 47),
                  height: 41,
                  padding: const EdgeInsets.all(12),
                  decoration: BoxDecoration(
                    color: const Color(0xffFF277F),
                    borderRadius: BorderRadius.circular(8),
                  ),
                  child: const Text(
                    'Testing testing testing',
                    // minFontSize: 10,
                    maxLines: 1,
                    style: TextStyle(
                      color: Colors.white,
                      fontSize: 14,
                      height: 17 / 14,
                      fontWeight: FontWeight.w500,
                    ),
                  ),
                ),
                displayDuration: const Duration(seconds: 10000),
              ),
              child: const Text('click'),
            ),
          ),
        );
      }),
    );
  }
}

There are underlines on text. And, font family works wrong too, even if I've set default font family on MaterialApp. So, I need to override every text style to show properly.

flutter doctor -v

[✓] Flutter (Channel stable, 2.8.1, on macOS 12.1 21C52 darwin-arm, locale
    en-KR)
    • Flutter version 2.8.1 at /Users/suhwancha/development/GitHub/flutter
    • Upstream repository [email protected]:SuhwanCha/flutter.git
    • Framework revision 77d935af4d (2 weeks ago), 2021-12-16 08:37:33 -0800
    • Engine revision 890a5fca2e
    • Dart version 2.15.1

[✓] Android toolchain - develop for Android devices (Android SDK version 32.0.0)
    • Android SDK at /Users/suhwancha/Library/Android/sdk
    • Platform android-32, build-tools 32.0.0
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.2.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • CocoaPods version 1.11.2

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2020.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)

[✓] VS Code (version 1.63.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.29.0

[✓] Connected device (2 available)
    • sdk gphone64 arm64 (mobile) • emulator-5554 • android-arm64  • Android 12
      (API 31) (emulator)
    • Chrome (web)                • chrome        • web-javascript • Google
      Chrome 96.0.4664.110

I have a message for the user: "You can't select more. Edit your current selections OR tap on the 'Next' button." When I click on the next button, I would like to "force remove"/"force start the reverse animation" of the active message because it is not actual anymore.

Is there any way to do this?

new Timer.periodic(Duration(milliseconds: 10000), (timer) { showTopSnackBar( context, CustomSnackBar.info( message: "There is some information. You need to do something with that", ), ); });

I understand that version 3 has a breaking change, "Remove BuildContext in favor of OverlayState", but how to migrate from existing code? showTopSnackBar() now throws type 'StatelessObserverElement' is not a subtype of type 'OverlayState' in the console.

Dear, Currently the height of showTopSnackBar is fixed by 80, in my case the content is overflow that height. Could you change the height of showTopSnackBar, I think the minimum height of showTopSnackBar is 80, maximum is unlimit.

Thank you so much

When using sdk >= 2.12.0 Overlay.of(context) can return null.

You can check it by changing the sdk in the example.

environment:
  sdk: ">=2.12.0 <3.0.0"

This PR makes showTopSnackBar accept a nullable OverlayState argument and handle the logic internally. If it is null the TopSnackbar won't be displayed but there is no error nor exception

The first example is:

showTopSnackBar(
    context,
    CustomSnackBar.success(
      message:
          "Good job, your release is successful. Have a nice day",
    ),
);

This does not build because the first argument requires OverlayState instead of BuildContext. Other examples should be updated too.

Currently pub.dev shows "Unverified publisher" for this package:

If we use this package, it makes code reviews harder in our company. Can you please verify your publishing account to show your domain name like this?

Here is how to do this: https://dart.dev/tools/pub/verified-publishers