首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >尽管有MainAxisAlignment.center属性,颤振中的行内容没有出现在中间

尽管有MainAxisAlignment.center属性,颤振中的行内容没有出现在中间
EN

Stack Overflow用户
提问于 2022-08-12 03:46:41
回答 3查看 27关注 0票数 1

在一排颤栗中,有一条我想要在中间的文字。我希望它是从顶部的x长度,所以我已经使用定位。但是为什么文字不在中间呢?我不能亲热。文本粘在屏幕的左边,即使我做了MainAxisAlignment.end,也不会改变它的位置。

代码语言:javascript
复制
  Positioned(
                    top: MediaQuery.of(context).size.height * .08,
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        Text(
                          "Add Offer",
                        ),
                      ],
                    ),
                  ),
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2022-08-12 03:53:44

由于您有一个定位的小部件,所以我假设您使用的是堆栈。如果您希望在一个位置中对齐一个小部件,您也可以添加左0和右0。喜欢

代码语言:javascript
复制
Positioned(
     left: 0,
     right: 0,
     top: MediaQuery.of(context).size.height * .08,
          child: Row(
                mainAxisAlignment: MainAxisAlignment.center,
                 children: [
                     Text(
                       "Add Offer",
                      ),
                 ],
           ),
 ),
票数 0
EN

Stack Overflow用户

发布于 2022-08-12 03:57:31

尝试以下两种解决方案之一:

1.第一个解决方案:

代码语言:javascript
复制
    Positioned(
        top: MediaQuery.of(context).size.height * .08,
        child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
                Text(
                    "Add Offer",
                    textAlign: TextAlign.center, // <- Add this.
                 ),
            ],
        ),
    ),

2.第二个解决方案:

代码语言:javascript
复制
    Positioned(
        top: MediaQuery.of(context).size.height * .08,
        child: Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
                Expanded( // <- Wrap your Text widget into an Expandable.
                    child: Text(
                        "Add Offer",
                         textAlign: TextAlign.center, // <- Add this.
                    ),
                ),
            ],
        ),
    ),
票数 0
EN

Stack Overflow用户

发布于 2022-08-12 05:13:26

只管用

代码语言:javascript
复制
left: 0,
right: 0,

在你的Positioned()小部件里面

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

https://stackoverflow.com/questions/73329046

复制
相关文章

相似问题

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