Flutter Text_ 扶我起来,2021最新版

   overflowWidget: TextOverflowWidget(
    align: TextOverflowAlign.center,
    child: Container(
      child: Row(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          const Text(
            '\u2026 ',
            style: TextStyle(height: 1),
          ),
          InkWell(
            child: Image.asset(
              'assets/candies.png',
              width: 20,
              height: 20,
            ),
            onTap: () {
              launch('https://github.com/fluttercandies/extended_text');
            },
          )
        ],
      ),
    ),
  ),
); 

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1eb79f3c05fa441ba3534510a634e91e~tplv-k3u1fbpfcp-watermark.image)

无法指定文本溢出(省略号)的位置
----------------

[无法指定文本溢出(省略号)的位置](
),比如下面两种常见场景。

1.  省略号在中间

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e4197637ce364aeaaad6a536ee775153~tplv-k3u1fbpfcp-watermark.image)

2.  省略号在前面

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8feebdf5481d439c82984a00d2220d32~tplv-k3u1fbpfcp-watermark.image)

`Flutter` 不支持,那么下面我们看看 `原生` 以及 `web` 端是否支持。(如有不对,望指正。)

| 平台 | 开头 | 中间 | 结尾 |
| --- | --- | --- | --- |
| android | `android:ellipsize = "start"`  | `android:ellipsize = "middle"`  | `android:ellipsize = "end"`  |
| Ios | `NSLineBreakByTruncatingHead` | `NSLineBreakByTruncatingMiddl
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值