showFlashDialog Navigator pop

[callmejm]

Hi, I cant use Navigator.pop(context) inside context.showFlashDialog content

[sososdk]

Recommended use persistent to false, reference resources; eg: context.showFlashDialog(persistent: false).

[callmejm]

but I have to set persistent to true, order to show on top of other widget, because I having other issue GeekyAnts/flick-video-player#125 , only showFlashDialog can on top of it

[sososdk]

An alternative:
context.showFlashDialog(onWillPop: () => Future.value(false))

[callmejm]

onWillPop not firing

[callmejm]

can the dialog support controller , so we can control dismiss anywhere ?

[sososdk]

You can get the controller with a Completer, eg:

  Future<T?> showFlashDialog<T>({
    ......
    required Completer<FlashController<T>> completer,
  }) {
    final controller = FlashController<T>(
      this,
      builder: (context, controller) {
        return Container();
      },
    );
    completer.complete(controller);
    return controller.show();
  }

Usage:

final completer = Completer<FlashController>();
showFlashDialog(completer: completer);

// dismiss the dialog.
await completer.future.dismiss();

[Insha Siddiqui]

static Future<dynamic> showBottomFlash({
    bool persistent = true,
    EdgeInsets margin = EdgeInsets.zero,
    context,
    @required String message,
    IconData icon,
    String title,
    Completer<FlashController> completer,
  }) {final controller = FlashController<Completer>(
      context,
      (context, controller) {
        return Flash(
          controller: controller,
          margin: EdgeInsets.all(15),
          position: FlashPosition.bottom,
          borderRadius: BorderRadius.circular(0.0),
          boxShadows: kElevationToShadow[8],
          backgroundGradient: RadialGradient(
            colors: [
              Theme.of(context).primaryColorDark,
              Theme.of(context).primaryColorDark,
            ],
            center: Alignment.topLeft,
            radius: 2,
          ),
          onTap: () => controller.dismiss(),
          forwardAnimationCurve: Curves.easeInCirc,
          reverseAnimationCurve: Curves.bounceIn,
          child: DefaultTextStyle(
            style: TextStyle(color: Colors.white, fontSize: 13),
            child: FlashBar(
              message: Text(message),
              shouldIconPulse: true,
              icon: icon == null ? null : Icon(icon ?? Icons.info_outline, color: Colors.white),
              primaryAction: TextButton(
                onPressed: () => controller.dismiss(),
                child: Text(
                  S.of(context).dismiss,
                  style: TextStyle(color: Colors.white, fontSize: 11),
                ),
              ),
            ),
          ),
        );
      },
      duration: Duration(milliseconds: 2000),
    );
completer.complete(controller);
    return controller.show();}

Usage:

final completer = Completer<FlashController>();

.. call to Flash

await completer.future.dismiss();

Problem:
dismiss() is not defined here

I am using Flash version 1.3.1

@sososdk

[sososdk]

@Insha-Siddiquii Try (await completer.future).dismiss();.

[Insha Siddiqui]

@sososdk using this (await completer.future).dismiss(); Flash does not show up at all, which I believe dismiss calls immediately and await does not work.

[sososdk]

can the dialog support controller , so we can control dismiss anywhere ?

@Insha-Siddiquii await completer.future just get the FlashController, and you can control dismiss anywhere.

[Insha Siddiqui]

@sososdk but how to dismiss it? the approach you have mentioned does not work.
(await completer.future).dismiss(); does not show up Flash at all, because here await does not work that at least first show Flash and then dismiss it.
& this below does not have dismiss() defined
await completer.future.dismiss();
😕

[callmejm]

You can get the controller with a Completer, eg:

  Future<T?> showFlashDialog<T>({
    ......
    required Completer<FlashController<T>> completer,
  }) {
    final controller = FlashController<T>(
      this,
      builder: (context, controller) {
        return Container();
      },
    );
    completer.complete(controller);
    return controller.show();
  }

Usage:

final completer = Completer<FlashController>();
showFlashDialog(completer: completer);

// dismiss the dialog.
await completer.future.dismiss();

dont hv completer only have dismissCompleter

[sososdk]

@Insha-Siddiquii await completer.future.dismiss(); is a typo.

class _MyState extends State<MyPage> {
  final completer = Completer<>(FlashController);
  
  @override
  Widget build(BuildContext context) {
     return ElevatedButton(onPressed: () async {
       // Add a custom content.
       showBottomFlash(completer: completer, content: (context) {
          return ElevatedButton(onPressed: () {
             (await completer.future).dismiss();
          });
       });

       // Don't dismiss flash dialog here. call it anywhere you want.
       // (await completer.future).dismiss();
     });
  }
}

[sososdk]

You can get the controller with a Completer, eg:

  Future<T?> showFlashDialog<T>({
    ......
    required Completer<FlashController<T>> completer,
  }) {
    final controller = FlashController<T>(
      this,
      builder: (context, controller) {
        return Container();
      },
    );
    completer.complete(controller);
    return controller.show();
  }

Usage:

final completer = Completer<FlashController>();
showFlashDialog(completer: completer);

// dismiss the dialog.
await completer.future.dismiss();

dont hv completer only have dismissCompleter

@callmejm you need custom it.

[Insha Siddiqui]

@sososdk yes we can dismiss it over any Elevated Button call but could not automate it like this for now. as it is not available:
await completer.future.dismiss();

I did a workaround for this:

await completer.future.timeout(Duration(milliseconds: 2100));

P.S: make sure the Duration of Flash itself should be lesser than the timeout duration

[sososdk]

@Insha-Siddiquii

• await completer.future.dismiss(); is a typo of (await completer.future).dismiss();
• Please create a new issue to describe your problems.

[callmejm]

@sososdk seem like willpopscope not affect, if trying to dismiss using android back

[sososdk]

@callmejm onWillPop: () => Future.value(false) will block android back.

[callmejm]

@sososdk I don't want to block android back, using Future.value(true) also no effect