How to refresh an AlertDialog in Flutter?

Question

Currently, I have an AlertDialog with an IconButton. The user can click on the IconButton, I have two colors for each click. The problem is that I need to close the AlertDialog and reopen to see the state change of the color icon. I want to change the IconButton color immediately when the user clicks it.

Here is the code:

bool pressphone = false; //.... new IconButton(    icon: new Icon(Icons.phone),    color: pressphone ? Colors.grey : Colors.green,    onPressed: () => setState(() => pressphone = !pressphone), ), 

Answer 1

Use StatefulBuilder to use setState inside Dialog and update Widgets only inside of it.

showDialog(   context: context,   builder: (context) {     String contentText = "Content of Dialog";     return StatefulBuilder(       builder: (context, setState) {         return AlertDialog(           title: Text("Title of Dialog"),           content: Text(contentText),           actions: <Widget>[             TextButton(               onPressed: () => Navigator.pop(context),               child: Text("Cancel"),             ),             TextButton(               onPressed: () {                 setState(() {                   contentText = "Changed Content of Dialog";                 });               },               child: Text("Change"),             ),           ],         );       },     );   }, );