Run a function AFTER that the alertbox has been dismissed - flutter

I already read countless links like this one but it does not help.
The use case is very simple, I want to run a function AFTER the alert box has been dismissed.
void dummyFunc() {
sleep(Duration(seconds:3));
print("done");
}
Future<bool> displayDialog() async {
return showDialog<bool>(
context: context,
barrierDismissible: false, // user must tap button!
builder: (BuildContext context) {
return AlertDialog(
title: Text('AlertDialog Title'),
content: SingleChildScrollView(
child: ListBody(
children: <Widget>[
Text('This is a demo alert dialog.'),
Text('Would you like to approve of this message?'),
],
),
),
actions: <Widget>[
FlatButton(
child: Text('Decline'),
onPressed: () {
Navigator.of(context).pop(false);
},
),
FlatButton(
child: Text('Approve'),
onPressed: () {
Navigator.of(context).pop(true);
},
),
],
elevation: 24.0,
shape:RoundedRectangleBorder(),
);
},
);
}
var button = AnimatedOpacity(
opacity: 1.0,
duration: Duration(milliseconds: 500),
child: FloatingActionButton(
tooltip: 'Start',
child: Icon(iconShape),
onPressed: () async {
bool shouldUpdate = await displayDialog();
print(shouldUpdate);
if (shouldUpdate)
dummyFunc();
})
);
But the alert dialog is dismissed 3sd after.
Kindly let me know what I am doing wrong, Thank you~

I think this is happening because you are using sleep. Instead of that use Future delay.
void dummyFunc() {
print("done");
}
If you don't want delay, then you can also remove this future, this function will executed after dialog box dismissed.
Sleep will hold the process, that’s why you are facing this error.

Solved it thanks to Viren who gave me a good intuition, Timer works also nicely if you are not using a loop:
void dummyFunc() {
Timer(Duration(seconds: 3), () {
print("done");
});
}
Edit: Actually Viren's answer work better with loops! This can work also. Just avoid sleep. Spent 3h on this, now I hate sleep().

Related

How to Navigate to the next page after closing an interstitial ad in flutter

I want my ad to show every three clicks.
The first click should show an ad.
The next two clicks should not show any ad. and then the fourth should.
This process currently works fine, the only issue is that I want to navigate to the next page after the ad closes but currently, nothing happens when I close the ad. it just remains on the current page
So basically, the first click should show the ad and navigate to the next page when the interstitial ad is closed.
the second click should navigate alone.
the third click should navigate alone.
Then restart the process.
My code is below -
CategoryCardWithImage(
title: "networks",
image: "assets/images/networks.png",
press: () {
clickCount = clickCount + 1;
bool shouldDisplayAd =
clickCount == 1 || clickCount % 3 == 0;
if (shouldDisplayAd) return _showInterstitialAd();
Navigator.push(
context,
MaterialPageRoute(builder: (context) {
return NetworksPage();
}),
);
},
),
Help fix code
I use AlertDialog
to simulate what you would like to achieve.
You could add more if..else condition in the onPressed() function to know which page will be shown after selecting.
void router() {
var aaa = showDialog(
context: context,
builder: (BuildContext context) => AlertDialog(
title: Text('MyTitle'),
content: Text('sdf'),
actions: [
TextButton(
child: Text('ok'),
onPressed: () {
Navigator.pushNamed(context, creationCategory.id);
},),
],
));
}
return Scaffold(
appBar: AppBar(
title: const Text('Record'),
leading: null,
actions: <Widget>[
IconButton(
icon: const Icon(Icons.add),
onPressed: (){
Navigator.pushNamed(context, creationCategory.id);
},
),
IconButton(
icon: const Icon(Icons.settings),
onPressed: () async {
router();
},
),
],
),
Fig1. Pushing that button to invoke void router()
Fig2. Popping Ad
Fig3. To close the Ad and then go to that specific pages.

How to pop out double alert message

I am new to Flutter. I made my first pop out confirmation alert dialog (Figure 1) but I want to pop another alert dialog window after.
What I am trying to achieve, it's the following: after I click Yes (Figure 2) the app would lead me to my homescreen and pop out another alert dialog.
You could create a method for the second Alert to show up, and call it when you click "YES" on the first one.
void showSecond(BuildContext context) {
return showDialog(
context: context,
builder: (BuildContext context) => AlertDialog(
title: Text("Thank you for paying with us"),
content: Icon(Icons.check_circle_outline),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop();
},
child: const Text('Okay'),
),
],
),
);
}
and your onPressed() of "YES" in the first alert should look something like:
onPressed: () {
Navigator.push(context, MaterialPageRoute(builder: (context) => const SuccessPay()));
showSecond(context);
},
It was a bit hard to replicate your code from an image, so if something it's not accurate let me now. For the next time, post your code in a code block instead of a picture :)
you can call showAlertDialog to show second popup.(you can create new method to show second popup as content is different)This line can be added after
Navigator.of(context).pop() of first popup
You can use the .then() method. Call it if the user pressed the "YES" button.
Add value when poping your dialog like this Navigator.of(dialogCtx).pop(true);
showDialog(
context: context,
builder: (dialogCtx) => AlertDialog(
// title:
// content:
),
actions: [
TextButton(
onPressed: () {
Navigator.of(dialogCtx).pop(false);
},
child: const Text('CANCEL'),
),
TextButton(
onPressed: () {
Navigator.of(dialogCtx).pop(true);
},
child: const Text('YES'),
),
],
),
).then(
(value) => {
if (value == true)
{
// display the next dialog with the scaffolds context
},
},
);

Flutter FlushBar does not work if I have to pre-process data

I am trying to build a form in Flutter. A user enters a value and clicks on a button, I run some basic validation on that value then show an AlertDialogue as a confirmation. If the user clicks on confirm I want to attempt an API call, get the result and display the result of that API call to let the user know what happened.If I display a Flushbar with hardcoded values it works. But If I try to do some string manipulation on the object first the Flushbar does not display. If I try to print the response from the function right into the Flushbar that also does not work.
Any advice on why this problem is occurring in the first place, and what would be the best way to solve it?
Padding(
padding: const EdgeInsets.symmetric(vertical: 15.0),
child: ElevatedButton(
style: ElevatedButton.styleFrom(
textStyle: TextStyle(
fontSize: 30,
),
primary: Colors.lightGreen, // background
onPrimary: Colors.white, // foreground
),
onPressed: () {
// Validate returns true if the form is valid, or false otherwise.
if (_formKey.currentState.validate())
{
return showDialog<void>(
context: context,
barrierDismissible: false, // user must tap button!
builder: (BuildContext context) {
return AlertDialog(
title: Text('Confirmation'),
content: SingleChildScrollView(
child: ListBody(
children: <Widget>[
Text('Please confirm your action'),
Text('Would you like to buy ' + finalValue.toString() + ' worth of merchandise'),
],
),
),
actions: <Widget>[
TextButton(
child: Text('No'),
onPressed: () {
Navigator.of(context).pop();
},
),
TextButton(
child: Text('Confirm'),
onPressed: () {
Navigator.of(context).pop();
var response = bb.trade(_character, finalValue, true); //API CALL
*//String resp = response.body.split(',')[1].split(':')[1];
//resp = resp.substring(1);
//resp = resp.split('.')[0];
//print(resp);* //The real string manipulation we want to do but then flushbar does not display
Flushbar(
title: "Result",
message: "lol"+response.body.toString(), //FLUSHBAR DOES NOT DISPLAY AT ALL
duration: Duration(seconds: 5),
)..show(context);
},
),
],
);
},
);
}
},
child: Text('Buy'),
),
),
I Think the problem is that you are trying to access data from API call immediately , however data coming over API call must be awaited for.
and it is preferred to pop after showing the flush bar .
so if bb.trade(_character, finalValue, true); return future you should do like this
onPressed: () async {
var response = await bb.trade(_character, finalValue, true);
Flushbar(
title: "Result",
message: "lol"+response.body.toString(),
duration: Duration(seconds: 5),
)..show(context).then((value) => Navigator.pop(context));
},

flutter ignors alertdialog in catch if there is finally

writing an alertdialog inside a catch but if there is a finally it just ignores the alert dialog. the print just shows and escaping the dialog? and if I removed the finally it just works fine. help why this happening.
catch(error){
showDialog(context: context, builder: (ctx)=> AlertDialog(
title: Text("An ERROR accurred!"),
content: Text(error.toString()),
actions: [
FlatButton(onPressed: (){Navigator.of(ctx).pop();}, child: Text("OK"))
],
),
);
print(error.toString()+"from alert");
}
finally{
setState(() {
_isLoading = false;
});
Navigator.of(context).pop();
}
}
finally will be fired depending on any result.
How your code is working actually : First, catch is fired, showDialog is executed and dialog is shown, then print is executued. After these operation, finally section is exectued and Navigator.of(context).pop() pop (hide) your dialog. And since it is fast, you think your dialog is not shown.
The showDialog Widget also returns a Future so this means you need to use await until this code is executed before going to the finally block.
do it this way...
...
} catch (error) {
await showDialog<Null>(
context: context,
builder: (ctx) => AlertDialog(
title: const Text('Something whent wrong'),
content: const Text('An Error ocurred'),
actions: [
FlatButton(
child: const Text('Okay'),
onPressed: () {
Navigator.of(context).pop();
},
),
],
),
);
} finally { ....

making the gif start from the begining after closing and reopening it

I am trying to make this gif appears when clicking on the floating action button and popint it again after pressing on ok:
https://66.media.tumblr.com/1ce23970665b7736bd857720ebf5a5b2/tumblr_pp3sftPVIy1wb1n5x_540.gif
The problem is that when I click ok and reclick the floating action button, the gif continue from it stopped last time I pressed ok; I want it to start from the begining every time I click the floating action button. How can I do this? Here's the code:
floatingActionButton: FloatingActionButton(
child: Icon(Icons.healing),
onPressed: () {
showDialog(
context: context,
builder: (_) => Container(
height: 200.0,
child: NetworkGiffyDialog(
// key: keys[1],
image: Image.network(
gif,
fit: BoxFit.fitHeight,
),
title: Text("Exercises of breathing"),
description: Text(
'This will help you with breathing exercises to overcome anxiety attacks',
),
entryAnimation: EntryAnimation.RIGHT,
onOkButtonPressed: () {
Navigator.of(context).pop();
},
),
),
);
},
//child: new Text("Breathing exercise"),
),
EDIT: I followed the first answer and tried to switch between null value and the gif link as follows, however i still have the same problem
floatingActionButton: FloatingActionButton(
child: Icon(Icons.healing),
onPressed: () {
setState(() => gif = giflink);
showDialog(
context: context,
builder: (_) => Container(
height: 200.0,
child: NetworkGiffyDialog(
// key: keys[1],
image: Image.network(
gif,
fit: BoxFit.fitHeight,
),
title: Text("Exercises of breathing"),
description: Text(
'This will help you with breathing exercises to overcome anxiety attacks',
),
entryAnimation: EntryAnimation.RIGHT,
onOkButtonPressed: () {
Navigator.of(context).pop();
setState(() => gif = null);
},
),
),
);
},
//child: new Text("Breathing exercise"),
),
One thing you can try is using your variable gif as setState a null value to it after the animation (GIF duration) ends (or if user cancels).
var gif = "https://theurlofyourgif.com/file.gif"
void doYourGIFLogic() {
// show it with a Navigator, or Opacity, or Visibility, etc
// wait for that animation (GIF duration) to be done
final NetworkImage provider = NetworkImage(gif);
provider.evict().then<void>((bool success) {
if (success) {
print('removed image!');
}
});
}
When the user clicks again using the FAB, the cache will be cleared and the GIF should start from the beginning.