flutter - how display small portion of text from big text flutter?
问题描述
Acutal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non mauris nulla. Nam euismod condimentum erat, tempor efficitur quam. Aliquam commodo pretium libero vel interdum. Quisque suscipit a massa suscipit auctor. Maecenas faucibus mattis interdum. Duis lacinia turpis at tortor aliquet, sit amet consequat nibh molestie. Vestibulum sit amet placerat sapien. Cras efficitur orci massa, non mattis nunc laoreet porta. Maecenas purus lacus, consectetur ac lorem et, pulvinar venenatis neque. Quisque hendrerit sagittis rutrum. Sed et suscipit elit. Donec in lectus in nisi vestibulum venenatis at eu nisi. Phasellus diam est, varius ac odio ac, facilisis hendrerit sapien.
Expected
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non mauris nulla. Nam euismod condimentum erat, tempor efficitur quam. Aliquam commodo pretium libero vel interdum. Quisque suscipit a massa suscipit auctor. Maecenas faucibus mattis interdum. Duis lacinia turpis at tortor aliquet, sit amet consequat nibh molestie. Vestibulum sit amet placerat sapien. Cras...
Note
- No readmore feature
解决方案
您可以使用溢出属性来获得此效果
Expanded(
child: Text(
"Any Large Text",
maxLines: 5,
overflow: TextOverflow.ellipsis,
),
);
确保使用 Expanded 包装 Text 小部件。
您还可以尝试其他属性,例如minLines或其他形式的溢出,例如TextOverflow.fade或TextOverflow.clip。
推荐阅读
- c - 功能预订座位3维
- wordpress - 创建项目切换轮播
- html - 图像不会出现在 css 中,适用于 position:relative
- postgresql - 带有 TimescaleDB 扩展的 Debezium 连接器
- android - 如何在改造中发送数组
- python - 无法使用 Selenium 成功进行 Google 搜索
- azure-functions - 一个功能应用程序中的多个持久功能
- c# - 将接口映射到具体类时如何规定 Autofixture 的顺序?
- r - 如何使用 grepl 从字符串中过滤掉匹配项?
- javascript - 如何使用 analytics.js 将公共数据(地区、货币、语言)传递给 segment.io