How to update the content of an AlertDialog with setState?

Question

I need to know if there is a way to update its content like a value of a linear progress indicator, is that possible, I searched for this problem but didn't find a satisfying answer.

code

else {
              setState(() {
                percentage = (event.snapshot.bytesTransferred /
                    event.snapshot.totalByteCount);
              });
              print(percentage);
            }
          });
          return showDialog(
            context: context,
            builder: (BuildContext context) {
              return AlertDialog(
                title: Text('Uploading'),
                content: Column(
                  children: [
                    Center(
                      child: Text('Uploading .... Please Be Patient'),
                    ),
                    SizedBox(
                      height: height * 0.02,
                    ),
                    LinearProgressIndicator(
                      value: percentage != null ? percentage : 0.0,
                    )
                  ],
                ),
              );
            },
            barrierDismissible: false,
          );

yeah ..... but didn't full understand your answer and u didn't reply to my last message, so I opened a new question. — FlutterDeveloper11, Oct 12 '20 at 10:23

score 0 · Answer 1 · answered Oct 12 '20 at 10:33

0

if I'm not mistaken, you can use StatefulBuilder widget and use setmodalState instead of setState, I used it with modal bottom sheet

answered Oct 12 '20 at 10:33

Yakhyo Mashrapov

360
2
13

I can't use progress, I must use progress.value as it gives me that it can't be assigned to double. – FlutterDeveloper11 Oct 12 '20 at 10:40
no with some changes but don't think it will affect it. – FlutterDeveloper11 Oct 12 '20 at 11:13

score 0 · Answer 2 · answered Oct 12 '20 at 11:40

Here is a working code with StatefulBuilder:


class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int number = 0;
  StateSetter _setModalState;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text(widget.title),
        ),
        body: Material(
          child: Center(
            child: FlatButton(
              color: Colors.green,
              child: Padding(
                padding: EdgeInsets.all(12),
                child: Text('press me'),
              ),
              onPressed: () {
                showDialog(
                  context: context,
                  builder: (BuildContext context) {
                    return StatefulBuilder(builder:
                        (BuildContext context, StateSetter setModalState) {
                      this._setModalState = setModalState;
                      return AlertDialog(
                        content: Wrap(
                          children: [
                            Column(
                              children: [
                                Center(
                                  child: Text(number.toString()),
                                ),
                                SizedBox(
                                  height: 100,
                                ),
                                FlatButton(
                                  color: Colors.red,
                                  onPressed: () {
                                    _setModalState(() {
                                      number++;
                                    });
                                  },
                                  child: (Text("++")),
                                )
                              ],
                            ),
                          ],
                        ),
                      );
                    });
                  },
                  barrierDismissible: false,
                );
              },
            ),
          ),
        ));
  }
}

just implement StatefulBuilder as shown in my example and replace `setState` with `_setModalState`, then your code should work)) — Yakhyo Mashrapov, Oct 12 '20 at 12:13
u mean like this : `_setModalState(() { percentage = (event.snapshot.bytesTransferred / event.snapshot.totalByteCount); });` — FlutterDeveloper11, Oct 12 '20 at 12:15
yes `return StatefulBuilder( builder: (BuildContext context, StateSetter setModalState) { this._setModalState = setModalState;` — FlutterDeveloper11, Oct 12 '20 at 12:22
then a logical error shoulb be in other part of your code. @pskin also gave you a good solution. Review your code one more time and be sure that you do not have any logical errors — Yakhyo Mashrapov, Oct 12 '20 at 12:29

How to update the content of an AlertDialog with setState?

2 Answers2