时间戳

首页 > 解决方案 > 如何将 RaisedButton 移动到屏幕的底部中心？

flutter - 如何将 RaisedButton 移动到屏幕的底部中心？

问题描述

我尝试RaisedButton()从屏幕中心移动到底部中心。我试过Align()但没有工作。怎么做？

我的应用程序的屏幕截图

这里是我的代码：

body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Container(
              width: 200,
              height: 200,
              child: Image(
                image: AssetImage('images/Logoku (Dark).jpg'),
              ),
            ),
            Align(
              alignment: Alignment.bottomCenter,
              child: RaisedButton(
                child: Text('Go to First Page'),
                onPressed: () {
                  Navigator.pop(context);
                },
              ),
            )
          ],
        ),
      ),

标签： flutterdartflutter-layout

解决方案

中心将努力使孩子居中。但是，由于您使用的是柱子，它会使柱子的最小高度成为可能。因为看起来你想把图像放在中间，所以我不会使用中心，我会使用 Spacers。

body:  Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Spacer(),
            Container(
              width: 200,
              height: 200,
              child: Image(
                image: AssetImage('images/Logoku (Dark).jpg'),
              ),
            ),
            Spacer(),
            RaisedButton(
                child: Text('Go to First Page'),
                onPressed: () {
                  Navigator.pop(context);
                },
              ),
            
          ],
        ),

推荐阅读