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

dfddblmv 于 2023-11-21 发布在 Flutter

关注(0)|答案(2)|浏览(125)

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,
                                    ),
                                  ),
                                ],
                              ),

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

flutter

来源：https://stackoverflow.com/questions/77478754/how-to-center-the-string-in-text-widget

2条答案

按热度按时间

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,
          ),
        ),
      ),
    ],
  ),

字符串

赞(0）回复(0）举报 2023-11-21

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?

赞(0）回复(0）举报 2023-11-21

我来回答

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

2条答案

相关问题

热门标签

最新问答