时间戳

首页 > 解决方案 > 为什么 TextAlign.left 在小部件文本中不起作用？

android - 为什么 TextAlign.left 在小部件文本中不起作用？

问题描述

安卓工作室 3

  return new Container(
        height: 64.0,
        child: new Row(children: [
          new Expanded(child: new Container(color: Colors.cyanAccent,
              child: new Column(children: [
            new Text("Today",
                style: new TextStyle(
                    fontSize: 19.0,
                    color: Colors.black),
                textAlign: TextAlign.left),
            new Text("Thuersday, 26 March")
          ]))),
          new Align(alignment: Alignment.centerRight, child: new Image(image: AssetImage('assets/images/ic_profile.png')))
        ]));

正如你所看到的对齐文本今天我使用textAlign: TextAlign.left. 但它不起作用。

这里的结果：

在此处输入图像描述

标签： androidflutter

解决方案

仅当文本占用的空间大于文本本身时，文本对齐才会起作用。

将您的文本包装在一个Align小部件中以解决您的问题。

return Container(
      height: 64.0,
      child: Row(
        children: [
          Expanded(
            child: Container(
              color: Colors.cyanAccent,
              child: Column(
                children: [
                  Align(
                    alignment: Alignment.centerLeft,
                    child: Text("Today",
                        style: TextStyle(fontSize: 19.0, color: Colors.black),
                        textAlign: TextAlign.left),
                  ),
                  Text("Thuersday, 26 March")
                ],
              ),
            ),
          ),
          Align(
            alignment: Alignment.centerRight,
            child: Image(
              image: AssetImage('assets/images/ic_profile.png'),
            ),
          ),
        ],
      ),
    );

请参阅此答案以获取更多信息。

推荐阅读