flutter 如何在文本窗口小部件中居中字符串

dfddblmv  于 2023-11-21  发布在  Flutter
关注(0)|答案(2)|浏览(123)

enter image description here
我怎么能中心我的文字“......”这样,谢谢。对齐或中心部件或textAlign不工作,请帮助我enter image description here

Row(
                                crossAxisAlignment: CrossAxisAlignment.center,
                                children: [
                                  Icon(
                                    Icons.visibility_off_outlined,
                                    color: Colors.black
                                        .withOpacity(0.25),
                                  ),
                                  Text(
                                    "..........",
                                    textAlign: TextAlign.center,
                                    style: TextStyle(
                                      color: Color(0xFF0E5699),
                                      fontSize: 32,
                                      fontWeight: FontWeight.w700,
                                    ),
                                  ),
                                ],
                              ),

字符串
像图标一样将此文本垂直居中

kadbb459

kadbb4591#

你可以试试这个,这个对我有用

Row(
    crossAxisAlignment: CrossAxisAlignment.center,
    children: [
      Icon(
        Icons.visibility_off_outlined,
        color: Colors.black.withOpacity(0.25),
      ),
      Container(
        padding: const EdgeInsets.only(bottom: 12),
        child: const Text(
          "........",
          textAlign: TextAlign.center,
          style: TextStyle(
            color: Color(0xFF0E5699),
            fontSize: 18,
            fontWeight: FontWeight.w700,
          ),
        ),
      ),
    ],
  ),

字符串

0ve6wy6x

0ve6wy6x2#

你的代码很好,已经垂直居中了。因为你使用了“.”,所以圆点会在底部。如果你想创建一个中心圆点。使用bullet代替你可以使用\u2022来创建一个Unicode项目符号。

Text(
  "\u2022\u2022\u2022\u2022\u2022\u2022",
  textAlign: TextAlign.center,
  style: TextStyle(
    color: Color(0xFF0E5699),
    fontSize: 32,
    fontWeight: FontWeight.w700,
  ),
),

字符串
但是我想知道你的问题的目的是什么。如果你试图创建一个TextField用于密码输入目的,你可以在这里检查How to show/hide password in TextFormField?

相关问题