text - Flutter:文本剪辑在连续时不起作用

Question

我的情况是连续有两个文本项。第一个文本可以有可变长度，但我不想将文本分成两行。因此，当父项和第二个文本的宽度不够时，我需要剪裁第一个文本。现在，如果我不将文本排成一行，它会按预期工作。但如果它们在一行中，则不会发生裁剪。我无法将第一个文本包装在 Expanded 小部件(它修复了裁剪问题)中，因为它在两个文本之间添加了一个空格。这是一个代码片段

Container(
         child: Row (
            children: <Widget>[
               Text("Long text that needs to be clipped",
                  overflow: TextOverflow.clip,
                  textAlign: TextAlign.left),
                  //there should be no blank space between the elements
                  Text( "+1",
                      textAlign: TextAlign.left,
                      overflow: TextOverflow.fade),
                ],
              )
          )

一直摸不着头脑......

Answer 1

我们可以按照下面的方式使用Expanded:

Material(
      child: Container(
          color: appColor,
          child: Row(
            children: <Widget>[
              Expanded(
                child: Align(
                  alignment: AlignmentDirectional.centerStart,
                  child: Padding(
                    padding: const EdgeInsets.only(left: 8.0),
                    child: Text(
                      "Lorem Ipsum is simply dummy text of the printing and typesetting industry.",
                      softWrap: false,
                      overflow: TextOverflow.fade,
                      style: TextStyle(color: Colors.white),
                    ),
                  ),
                ),
              ),
              IconButton(
                icon: Image.asset('assets/images/filter.png'),
                onPressed: () {},
              ),
              IconButton(
                icon: Image.asset('assets/images/notification.png'),
                onPressed: () {},
              ),
            ],
          )),
    );