Hi @sososdk. Thanks for your work. I'm trying to use this lib to display no connection popup I need to place the Flash call before having navigator in context(i'm using auto_route lib)

MaterialApp.router(
        builder: (context, child) => Connection(child: child),
      )

I cannot use custom Overlay because Flash fails by trying to call to navigator https://github.com/sososdk/flash/blob/master/lib/flash.dart#L94

After updating to v1.5.2+1, I am now receiving this error when attempting to show any flash.

{
    "timestamp": "2021-05-06T03:03:26.535",
    "type": "Critical",
    "class_name": "package:flash/flash.dart",
    "method_name": "FlashController.createAnimationController",
    "message": "Null check operator used on a null value",
    "error": "Null check operator used on a null value",
    "stack_trace": [
        "package:flash/flash.dart 138                                                                    FlashController.createAnimationController",
        "package:flash/flash.dart 100                                                                    new FlashController",
        "package:flash/flash.dart 23                                                                     showFlash",
        "dart:async/zone.dart 1378                                                                       _rootRunBinary",
        "dart:async/zone.dart 1272                                                                       _CustomZone.runBinary",
        "dart:async/future_impl.dart 169                                                                 _FutureListener.handleError",
        "dart:async/future_impl.dart 719                                                                 Future._propagateToListeners.handleError",
        "dart:async/future_impl.dart 740                                                                 Future._propagateToListeners",
        "dart:async/future_impl.dart 550                                                                 Future._completeError",
        "dart:async/future_impl.dart 606                                                                 Future._asyncCompleteError.<fn>",
        "dart:async/zone.dart 1354                                                                       _rootRun",
        "dart:async/zone.dart 1258                                                                       _CustomZone.run",
        "dart:async/zone.dart 1162                                                                       _CustomZone.runGuarded",
        "dart:async/zone.dart 1202                                                                       _CustomZone.bindCallbackGuarded.<fn>",
        "dart:async/schedule_microtask.dart 40                                                           _microtaskLoop",
        "dart:async/schedule_microtask.dart 49                                                           _startMicrotaskLoop"
    ]
}

Worked without any issue with 1.5.2 and previous releases. When stepping through, this line returns null:

L91: final rootOverlay = Overlay.of(context, rootOverlay: true);

So does this line:

L95: overlay = Overlay.of(context);

My assumption is because I have a singleton GlobalKey<NavigatorState> that I attach to the MaterialApp and I use for all flashes (via key.currentContext.

on Android show flash warning changes statusBar color.

https://user-images.githubusercontent.com/40034117/183340449-00fdf3fb-1c41-488b-8ab7-7b0d4cbc262b.mp4

Is there any solution to fix this issue?

FocusScopeNode FocusScopeNode#ea86b(_FlashState Focus Scope [PRIMARY FOCUS])(context: FocusScope, PRIMARY FOCUS) must be a child of FocusScopeNode#6ff27(Navigator Scope)(context: FocusScope, focusedChildren: [FocusScopeNode#bac68(_ModalScopeState Focus Scope)]) to set it as first focus. 'package:flutter/src/widgets/focus_manager.dart': Failed assertion: line 1272 pos 12: 'scope.ancestors.contains(this)'

Currently the flash is shown behind the dialog

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: Home(),
    );
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: RaisedButton(
          onPressed: () {
            showDialog(
              context: context,
              builder: (_) => AlertDialog(
                content: RaisedButton(
                  onPressed: () {
                    showFlash(
                      context: context,
                      duration: Duration(seconds: 3),
                      persistent: true,
                      builder: (_, controller) {
                        return Flash(
                          controller: controller,
                          child: FlashBar(
                            message: Text('Hello Flash'),
                          ),
                        );
                      },
                    );
                  },
                  child: Text('Show Flash'),
                ),
              ),
            );
          },
          child: Text('Show Dialog'),
        ),
      ),
    );
  }
}

Hi thanks for creating flash. Just a scope of enhancement. One can be able to view live on repo github page. You can mention the url in README.md. This help to try the sample without running the example manually.

Let me know if you need PR.

I'm calling the sample showTopFlash() inside my app and get following error:

overlay can't be the root overlay when persistent is false
'package:flash/flash.dart':
Failed assertion: line 99 pos 14: 'overlay != rootOverlay'

This is my simple code to reproduce:

class _TestScreenState extends State<TestScreen> {
  int which = 0;

  @override
  Widget build(BuildContext context) {
    GlobalKey<ScaffoldState> _key = GlobalKey<ScaffoldState>();
    FlashHelper.init(context);
    return Scaffold(
      key: _key,
      body: Center(child: FlatButton(onPressed: (){
        _showTopFlash();
      }, child: Text('show Flash')),),
    );
  }
  void _showTopFlash({FlashStyle style = FlashStyle.floating}) {
    showFlash(
      context: context,
      duration: const Duration(seconds: 5),
      persistent: false,
      builder: (_, controller) {
        return Flash(
          controller: controller,
          backgroundColor: Colors.white,
          brightness: Brightness.light,
          boxShadows: [BoxShadow(blurRadius: 4)],
          barrierBlur: 3.0,
          barrierColor: Colors.black38,
          barrierDismissible: true,
          style: style,
          position: FlashPosition.bottom,
          child: FlashBar(
            title: Text('Title'),
            message: Text('Hello world!'),
            showProgressIndicator: true,
            primaryAction: FlatButton(
              onPressed: () => controller.dismiss(),
              child: Text('DISMISS', style: TextStyle(color: Colors.amber)),
            ),
          ),
        );
      },
    );
  }

}

When I set the persistent:true it works without Blur effect. Thanks for your nice lib.

[+7199 ms] [+7168 ms] ../Development/flutter/.pub-cache/hosted/pub.dartlang.org/flash-2.0.5/lib/src/flash_helper.dart:337:45: Error: No named parameter with the name 'foregroundColor'. [ +2 ms] [ +8 ms] style: TextButton.styleFrom(foregroundColor: $actionColor), [ ] [ ] ^^^^^^^^^^^^^^^ [ ] [ ] ../Development/flutter/packages/flutter/lib/src/material/text_button.dart:145:22: Context: Found this candidate, but the arguments don't match. [ ] [ ] static ButtonStyle styleFrom({ [ ] [ ] ^^^^^^^^^ [ ] [ +1 ms] ../Development/flutter/.pub-cache/hosted/pub.dartlang.org/flash-2.0.5/lib/src/flash_helper.dart:555:45: Error: No named parameter with the name 'foregroundColor'. [ ] [ ] style: TextButton.styleFrom(foregroundColor: $actionColor), [ ] [ ] ^^^^^^^^^^^^^^^ [ ] [ ] ../Development/flutter/packages/flutter/lib/src/material/text_button.dart:145:22: Context: Found this candidate, but the arguments don't match. [ ] [ ] static ButtonStyle styleFrom({

Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, 2.10.5, on macOS 12.6 21G115 darwin-arm, locale en-IN) [✓] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1) [✓] Xcode - develop for iOS and macOS (Xcode 14.0.1) [✓] Chrome - develop for the web [✓] Android Studio (version 2021.2) [✓] VS Code (version 1.71.2) [✓] Connected device (2 available) [✓] HTTP Host Availability

**iOS & Android not working. Not able to run or build.

Commenting out the plugin code is working. Please look into this.**

When I set a FlashTheme I expect it to be applied to the FlashBars down the widget tree.

But when I set the contentStyle, only the color is respected. Other attributes like fontStyle, fontSize and fontWeight are ignored.

See the following example:

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

  @override
  Widget build(BuildContext context) {
    return FlashTheme(
      flashBarTheme: const FlashBarThemeData(
        contentStyle: TextStyle(
          color: Colors.green,
          fontStyle: FontStyle.italic,
          fontSize: 8,
          fontWeight: FontWeight.bold,
        ),
      ),
      child: Builder(
        builder: (context) {
          return TextButton(
            child: const Text('show flashbar'),
            onPressed: () => context.showFlashBar(
              content: const Text('content'),
            ),
          );
        },
      ),
    );
  }
}

This produces the following FlashBar. As you can see, only the green color is set:

However, when I set the same contentStyle directly in the showFlashBarmethod, it works as expected:

            onPressed: () => context.showFlashBar(
              content: const Text('content'),
              contentStyle: const TextStyle(
                color: Colors.green,
                fontStyle: FontStyle.italic,
                fontSize: 8,
                fontWeight: FontWeight.bold,
              ),
            ),

Any idea?

Load up the example app on Android. Go to the examples page and open any of the dialogs. Click the Android back button. The page navigates back, but the dialog is still open. The user can close it from there, but that's pretty awful UX.

I have this class, and initiated the showBlockDialog functionality in model.

PageLoader.dart

import 'dart:async';

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

class PageLoader {
  final _completer = Completer();
  final BuildContext context;

  PageLoader(this.context);

  void init() {
    context.showBlockDialog(dismissCompleter: _completer);
  }

  void complete() {
    _completer.complete();
    print("is completed");
  }
}

And using it like MyUI.dart

try {
  PageLoader(context).init(); // init 

  await provider.login(
      emailController.text, passwordController.text, deviceName);

  PageLoader(context).complete(); // triggering to completer to complete the job to dismiss the dialog

  Navigator.of(context).push(MaterialPageRoute(
      builder: (context) => VerificationPage(email: emailController.text)));
} catch (exception) {
  setState(() {
    errorMessage = exception.toString().replaceAll('Exception: ', '');
  });

  PageLoader(context).complete();  // triggering to completer to complete the job to dismiss the dialog

While respective actions, the showBlockDialog is displaying, but the complete is not completing.

Hello, it seems that with new flutter versions and new Android APIs Flash package code raises an error :

Error: No named parameter with the name 'foregroundColor'. style: TextButton.styleFrom(foregroundColor: $actionColor),

Is it related to a change in Flutter's way to type styles? https://docs.flutter.dev/release/breaking-changes/buttons

Thanks, Sam

I noticed that, after i call this:

context.showSuccessBar(content: Text('Authentication verified!'));

It is displaying properly on the UI, but on the log, i can see this trace. And during that, my UI is freezen, i have to restart my app to use my app. Why is that?

======== Exception caught by animation library =====================================================
The following assertion was thrown while notifying status listeners for AnimationController:
Tried to remove a willPop callback from a route that is not currently in the tree.
'package:flutter/src/widgets/routes.dart':
Failed assertion: line 1508 pos 12: '_scopeKey.currentState != null'

When the exception was thrown, this was the stack: 
#2      ModalRoute.removeScopedWillPopCallback (package:flutter/src/widgets/routes.dart:1508:12)
#3      FlashController.dismissInternal (package:flash/flash.dart:224:35)
#4      FlashController.dispose (package:flash/flash.dart:244:5)
#5      FlashController._handleStatusChanged (package:flash/flash.dart:159:9)
#6      AnimationLocalStatusListenersMixin.notifyStatusListeners (package:flutter/src/animation/listener_helpers.dart:233:19)
#7      AnimationController._checkStatusChanged (package:flutter/src/animation/animation_controller.dart:815:7)
#8      AnimationController._tick (package:flutter/src/animation/animation_controller.dart:831:5)
#9      Ticker._tick (package:flutter/src/scheduler/ticker.dart:238:12)
#10     SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1146:15)
#11     SchedulerBinding.handleBeginFrame.<anonymous closure> (package:flutter/src/scheduler/binding.dart:1059:11)
#12     _LinkedHashMapMixin.forEach (dart:collection-patch/compact_hash.dart:614:13)
#13     SchedulerBinding.handleBeginFrame (package:flutter/src/scheduler/binding.dart:1057:17)
#14     SchedulerBinding._handleBeginFrame (package:flutter/src/scheduler/binding.dart:976:5)
#18     _invoke1 (dart:ui/hooks.dart:170:10)
#19     PlatformDispatcher._beginFrame (dart:ui/platform_dispatcher.dart:286:5)
#20     _beginFrame (dart:ui/hooks.dart:104:31)
(elided 5 frames from class _AssertionError and dart:async)
The AnimationController notifying status listeners was: AnimationController#a3606(⏮ 0.000; paused; for FlashController<dynamic>)