Flutter/Dart 如何将 sizedbox 居中到屏幕的顶部中心？

Question

I have he following code

return SizedBox(
                        child: CircularProgressIndicator(valueColor: new AlwaysStoppedAnimation<Color>(Colors.pink)),
                        height: 20.0,
                        width: 20.0,
                      );

I would like to know how to center this to the top center of the screen. Thank you.

Answer 1

Wrap SizedBox with Container and set alignment property to Alignment.topCenter . Working code below:

body: Container(
        alignment: Alignment.topCenter,
      child: SizedBox(
                        child: CircularProgressIndicator(valueColor: new AlwaysStoppedAnimation<Color>(Colors.pink)),
                        height: 20.0,
                        width: 20.0,
                      )),

Hope this answers your question.