代码之家  ›  专栏  ›  技术社区  ›  Arjun Malhotra

尽管具有MainAxisAlignment.center属性,但颤动中的行内容未显示在中心

  •  0
  • Arjun Malhotra  · 技术社区  · 2 年前

    在飘动的一排中,有一段文字我想放在中间。我希望它是从x长度从顶部,所以我已经使用定位。但是为什么文本不在中心?我看不清。文本粘贴在屏幕左侧,即使我执行MainAxisAlignment.end,也不会更改其位置

      Positioned(
                        top: MediaQuery.of(context).size.height * .08,
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.center,
                          children: [
                            Text(
                              "Add Offer",
                            ),
                          ],
                        ),
                      ),
    
    2 回复  |  直到 2 年前
        1
  •  0
  •   Kaushik Chandru    2 年前

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

    Positioned(
         left: 0,
         right: 0,
         top: MediaQuery.of(context).size.height * .08,
              child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                     children: [
                         Text(
                           "Add Offer",
                          ),
                     ],
               ),
     ),
    
        2
  •  0
  •   Savvy    2 年前

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

    1.第一种解决方案:

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

    2.第二种解决方案:

        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.
                        ),
                    ),
                ],
            ),
        ),
    
        3
  •  0
  •   Anandh Krishnan    2 年前

    只需使用

    left: 0,
    right: 0,
    

    在你的内部 Positioned() 小装置