flutter - 图标旁边的Flutter Text不想正确应用TextOverflow.ellipsis

Question

我需要一行带有图标的文本，并且如果该行太长，则应以省略号(...)结束。
Breaking to the right
这是我的代码:

  Flexible _buildAddress() {
return Flexible(
  child: Row(
    mainAxisSize: MainAxisSize.max,
    children: [
      Icon(Icons.location_on, size: 20, color: Colors.grey,),
      SizedBox(width: 5.0,),
      Text(
        'Lorem ipsum long very long line of text',
        overflow: TextOverflow.ellipsis,
        style: TextStyle(
          color: Colors.grey,
          fontSize: 16.0,
        ),
      ),
    ],
  ),
);

}
}
详细信息:如果我只有文字，省略号可以正常工作。

Answer 1

您应该用Text小部件包装Flexible小部件:
我以您的代码为例添加了一个演示:

           return Row(
                mainAxisSize: MainAxisSize.max,
                children: [
                  Icon(
                    Icons.location_on,
                    size: 20,
                    color: Colors.grey,
                  ),
                  SizedBox(
                    width: 5.0,
                  ),
                  Flexible( // new line
                    child: Text(
                      'Lorem ipsum long very long line of text ddss',
                      overflow: TextOverflow.ellipsis,
                      style: TextStyle(
                        color: Colors.grey,
                        fontSize: 16.0,
                      ),
                    ),
                  ),
                ],
              ),

结果: