flutter Text数字超出全部隐藏解决方法

迈不过友情╰ 2023-02-18 08:25 2阅读 0赞

**如图： 刚开始是这样的**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70]  
**问题原因：** 前面的 " ID: " 与后面的文字存在间隙  
**解决方法：**

//修改前
    child: Text("ID: 1114954321", 
            textAlign: TextAlign.right,
    		maxLines: 1,
            overflow: TextOverflow.ellipsis,)
    //修改后 (除去空格即可)
    child: Text("ID:1114954321",
            textAlign: TextAlign.right,
            maxLines: 1,
            overflow: TextOverflow.ellipsis,)

**修改后 如图所示**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200616201201185.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200616201614140.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关 Flutter Text详解

示例 ![Simulator Screen Shot - iPhone 11 Pro Max - 2019-10-09 at 11.23.59][] API Te

超、凢脫俗/ 2023年02月23日 08:20/ 0 赞/ 58 阅读

相关 flutter Text数字超出全部隐藏解决方法

如图：刚开始是这样的 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

迈不过友情╰/ 2023年02月18日 08:25/ 0 赞/ 3 阅读

相关 css设置了超出隐藏省略号无效解决

verflow: hidden; text-overflow: ellipsis; white-space: nowrap; 设置如上三条，但并没有出现省略号，只需要添加

一时失言乱红尘/ 2023年01月01日 05:56/ 0 赞/ 234 阅读

相关 vue 文本超出宽度超出部分隐藏，鼠标移入展示全部组件封装

在 VUE + ElementUI 的项目里面，标题内容超出固定宽度超出部分隐藏，鼠标移入显示全部内容。由于项目里面这一类的需求比较多，这里我考虑封装一下，方便使用。组件封

灰太狼/ 2022年09月06日 12:29/ 0 赞/ 432 阅读

相关 HarmonyOS Text超出部分末尾显示...

HarmonyOS Text 默认是显示一行,想要Text超出部分末尾显示... 设置 truncation\_mode="ellipsis\_at\_end" 即可, t

谁践踏了优雅/ 2022年09月03日 03:25/ 0 赞/ 199 阅读

相关 display:table-cell;内容超出隐藏，table,td内容超出隐藏

display:table-cell;内容超出隐藏,和 table 标签一样需要设置 table-layout: fixed; 超出… white-space: nowr

待我称王封你为后i/ 2022年04月18日 06:31/ 0 赞/ 576 阅读

相关文字超出隐藏

div\{ height: 40px; //设置高度，超出隐藏 overflow:hidden;

朱雀/ 2022年01月28日 03:33/ 0 赞/ 426 阅读

相关 flutter中text设置overflow还是会超出屏幕解决方法

问题今天使用横向布局row 并且在里面添加了一个图标和一行文字，但是总是会超出布局，即使设置了overflow再调试时也会出现如下的情况 Row(

Love The Way You Lie/ 2021年09月10日 07:30/ 0 赞/ 1220 阅读

相关 Flutter Widget => Text

Text `Text`有以下属性值 1.style: Textstyle() `TextStyle`具有以下属性值： ![6587214-5cc

骑猪看日落/ 2021年08月04日 12:58/ 0 赞/ 561 阅读

相关 flutter text 删除线

（一）需求：主要实现的是如下效果 ![在这里插入图片描述][20191029183918143.png] 这里我们会用到`Text中的TextStyle中的decora

缺乏、安全感/ 2021年06月10日 20:37/ 0 赞/ 523 阅读