颤振：连续时文本剪辑不起作用

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: () {},
              ),
            ],
          )),
    );