首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >对齐: Alignment.center,不是将图像居中对齐

对齐: Alignment.center,不是将图像居中对齐
EN

Stack Overflow用户
提问于 2020-12-25 15:30:44
回答 2查看 115关注 0票数 0

我试图将图像对齐在屏幕的中心,但它不工作,有人能帮我理解代码的错误吗?为什么alignment: Alignment.center,不能工作?

请看我下面附上的图片,徽标画在屏幕的左边,而不是在中间。

代码语言:javascript
运行
复制
            Row(
          children: <Widget>[
            Container(
              alignment: Alignment.center,
              child:Container(
              child: Image.asset('assets/logo.png'),
              height: 200.0,
              ),
            ),

          ],
        ),
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-12-25 15:45:11

您可以将alignmentContainer()中移除,然后使用MainAxisAlignment.center在父小部件Row()中对其进行管理

代码语言:javascript
运行
复制
Row(
      mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Container(
...
票数 3
EN

Stack Overflow用户

发布于 2020-12-25 15:51:27

是的,Marcel Dz建议正确添加行的mainAxisAlignment:MainAxisAlignment.center,以在中心显示图像

代码语言:javascript
运行
复制
 Row(
      mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Container(
                  alignment: Alignment.center,
                  child: Container(
                    child: Image.asset('assets/images/logo.png'),
                    height: 200.0,
                  ),
                ),
              ],
            ),

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65446115

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档