circular indicator gets whole page flutter 1

circular indicator gets whole page flutter

   @override
    Widget build(BuildContext context) {
      return Container(
        child: Center(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              SizedBox(
                child: CircularProgressIndicator(),
                height: 200.0,
                width: 200.0,
              ),
              SizedBox(
                child: CircularProgressIndicator(),
                height: 50.0,
                width: 50.0,
              ),
              SizedBox(
                child: CircularProgressIndicator(),
                height: 10.0,
                width: 10.0,
              )
            ],
          ),
        ),
      );

Here is what the above code is Doing:
1. We are creating a Container widget that has a child which is a Center widget.
2. The Center widget has a child which is a Column widget.
3. The Column widget has three children:
a. A SizedBox widget with a CircularProgressIndicator as its child.
b. A SizedBox widget with a CircularProgressIndicator as its child.
c. A SizedBox widget with a CircularProgressIndicator as its child.

Similar Posts