Auto poping pages

[Nabinda]

When I show the toast message and navigate to another screen than it does navigate but after a few second toast message appear poping the screen taking me back from where i called toast

[koukibadr]

@Nabinda thanks for filling this issue I will check it

[codewithmustafa]

+1, I've experienced same problem.

[codewithmustafa]

When I show the toast message and navigate to another screen than it does navigate but after a few second toast message appear poping the screen taking me back from where i called toast

For a workaround that works for now I did these 2 steps:

• I made toast "not dismissable", it will dismiss itself
• set toast duration to 1 sec so that it can gone faster for ux

Will wait for the update, great package by the way.

[koukibadr]

@Nabinda I've published a new version with a hot fix for this problem
for now you can use the dismiss() function in your UI screen to close the toast

example:

late MotionToast resultToast;
  StreamController myStream = StreamController();

  void observeOnResult() {
    myStream.stream.listen((result) {
      if(result == Results.loading){
        resultToast = MotionToast.success(
      title: const Text(
        'Lorum Ipsum',
        style: TextStyle(fontWeight: FontWeight.bold),
      ),
      description: const Text(
        'Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor, sed do eiusmod tempor, sed do eiusmod tempor',
        style: TextStyle(fontSize: 12),
      ),
      layoutOrientation: ToastOrientation.rtl,
      animationType: AnimationType.fromRight,
      dismissable: true,
    );
      }else {
        resultToast.dismiss();
       Navigator.push(context, MaterialPageRoute(builder: (context) => const Scaffold(),));
      }
    });
  }

[koukibadr]

check the 2.6.6 version

[Nabinda]

Its bad to show a success toast while its still in loading phase so i believe this hot fix is still not that reliable

[koukibadr]

@Nabinda the example I put is only to understand the modifications you can make in your code.
the important part is the dismiss() function that you can call to manually close the toast from you UI screen

[olers]

I set dismissable: true，and set Future.delayed to use the toast.dismiss().

When the App was running and the toast appeared, I tapped the screen before the toast.dismiss() executed, and then it did dismiss. After that I tapped the screen and moved the mouse, my page dimissed.

    MotionToast toast = MotionToast(
      icon: Icons.zoom_out,
      primaryColor: Color.fromARGB(225, 0, 0, 0),
      secondaryColor: Colors.transparent,
      backgroundType: BackgroundType.solid,
      title: Text('Two ast\nToast\nToast\nToast\n\n\n', style: TextStyle(color: Colors.white),),
      description: Text('Another ',  style: TextStyle(color: Colors.white),),
      borderRadius: 6,
      barrierColor: Colors.black38,
      constraints: BoxConstraints(
        maxWidth: MediaQuery.of(context).size.width - 200,
        minWidth: MediaQuery.of(context).size.width - 200,
        maxHeight: MediaQuery.of(context).size.height - 200,
        minHeight: MediaQuery.of(context).size.height - 200,
      ),
      displaySideBar: false,
      position: MotionToastPosition.center,
      dismissable: true,
      toastDuration: Duration(days: 1),
    );
    toast.show(context);


    Future.delayed(Duration(seconds: 5)).then((value) {
      toast.dismiss();
    });

[olers]

@Nabinda I've published a new version with a hot fix for this problem for now you can use the dismiss() function in your UI screen to close the toast

example:

late MotionToast resultToast;
  StreamController myStream = StreamController();

  void observeOnResult() {
    myStream.stream.listen((result) {
      if(result == Results.loading){
        resultToast = MotionToast.success(
      title: const Text(
        'Lorum Ipsum',
        style: TextStyle(fontWeight: FontWeight.bold),
      ),
      description: const Text(
        'Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor, sed do eiusmod tempor, sed do eiusmod tempor',
        style: TextStyle(fontSize: 12),
      ),
      layoutOrientation: ToastOrientation.rtl,
      animationType: AnimationType.fromRight,
      dismissable: true,
    );
      }else {
        resultToast.dismiss();
       Navigator.push(context, MaterialPageRoute(builder: (context) => const Scaffold(),));
      }
    });
  }

If I tap the screen and the toast dismisses, after that the App coincidentally run the resultToast.dismiss(), then the page maybe will be aotu poped.

plz take a look: #100 (comment)