Flutter 将小部件与屏幕顶部对齐

我希望能够将我的小部件与屏幕顶部对齐

我的代码现在所做的是，它从中心开始，这是代码的这一部分：

class SecondRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("Second Route"),
        ),
        body: Center(
          child: BouncingBall(),
        ));
  }
}

我假设

Body:Center（）

正在将我的小部件居中，是否有什么东西可以将小部件与顶部对齐？

您可以使用与

mainAxisAlignment:mainAxisAlignment.Center类似的：

class SecondRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("Second Route"),
        ),
        body: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            BouncingBall(),
          ],
        ),
    );
  }
}

您可以使用带有
mainAxisAlignment:mainAxisAlignment.center的

class SecondRoute extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("Second Route"),
        ),
        body: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            BouncingBall(),
          ],
        ),
    );
  }
}

您可以将小部件与
对齐一起使用。topCenter
用于
对齐

对齐(
对齐：alignment.topCenter，
child:Widget（），//用小部件替换“Widget”
)

在你的例子中

class SecondRoute扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（“第二条路线”），
),
主体：对齐(
对齐：alignment.topCenter，
孩子：弹跳球（），
));
}
}
您可以将小部件与
对齐一起使用。topCenter
用于
对齐

对齐(
对齐：alignment.topCenter，
child:Widget（），//用小部件替换“Widget”
)

在你的例子中

class SecondRoute扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（“第二条路线”），
),
主体：对齐(
对齐：alignment.topCenter，
孩子：弹跳球（），
));
}
}