Flutter:文本中间出现三个点的文本溢出省略号

Question

有没有办法在 Flutter 中将溢出点设置为文本的中间？
一个正常的用例是显示文件名，其中文件扩展名对用户也是可见的。
IE。，
目前，通过使用 Text带有 overflow 的小部件参数为 TextOverflow.ellipsis ，我们得到以下

Text(
    "IMG_100232321321312312312312312321321312321343024.PNG",
    maxLines: 1,
    overflow: TextOverflow.ellipsis,
    style: Theme.of(context).textTheme.caption,
);

结果将类似于:

IMG_10023232132131...

有什么办法可以得到这样的结果:

IMG_10023...3024.PNG

Answer 1

可以做这样的事情..

Row(
      children: <Widget>[
        Spacer(),
        Expanded(
          child: Text(
            fileName.length > 8 ? fileName.substring(0, fileName.length - 8) : fileName,
            maxLines: 1,
            textAlign: TextAlign.end,
            overflow: TextOverflow.ellipsis,
          ),
        ),
        Expanded(
          child: Text(
            fileName.length > 8 ? fileName.substring(fileName.length - 8) : '',
            maxLines: 1,
            textAlign: TextAlign.start,
          ),
        ),
        Spacer(),
      ],
)