How can we create a container with a text as a child of showDialog and appear the text in a proper way

Question

I used to make a text ('Loading') to be centered in the show dialog but what happened is the text is appearing in a bad way as when we make a screen without scaffold, it is appearing here the same, I used to put scaffold above the center widget but it didn't work also.

      showDialog(
      context: context,
      barrierColor: Colors.blueGrey.shade50.withOpacity(0.5),
      barrierDismissible: true,
      builder: (ctx) {
        return WillPopScope(
          onWillPop: () async => false,
          child: Center(
            child: Container(
              child: const Text('Loading'),
            ),
          ),
        );
      });

score 1 · Accepted Answer · answered Nov 05 '22 at 13:35

1

It is missing Material, You can wrap with any material widget.

barrierDismissible: true,
builder: (ctx) {
  return Material( //here
    child: WillPopScope(
      onWillPop: () async => false,

answered Nov 05 '22 at 13:35

Md. Yeasin Sheikh

54,221
7
29
56

1

oh thank you solved, can you please also check out this error I think there's no solution for it https://stackoverflow.com/questions/74301664/error-builder-in-the-imagenetwork-does-not-handle-an-error-if-the-user-enters-th?noredirect=1#comment131176785_74301664 – Flutter Dev Nov 05 '22 at 13:41

How can we create a container with a text as a child of showDialog and appear the text in a proper way

1 Answers1