Flutter 基础组件之 Text文本组件使用大全（教程含源码）

最新推荐文章于 2025-03-11 09:00:00 发布

知识大胖

最新推荐文章于 2025-03-11 09:00:00 发布

阅读量508

点赞数

分类专栏： Flutter开发教程大全文章标签： flutter android

本文链接：https://blog.csdn.net/iCloudEnd/article/details/126301668

版权

Flutter开发教程大全专栏收录该内容

269 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了Flutter中的Text组件，包括其作用和简单案例。Text组件用于显示单行或多行文本，样式可自定义，未指定时会继承DefaultTextStyle。示例展示了如何设置TextOverflow.ellipsis来处理溢出文本，并提供了包含'hello world'示例的项目源码下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是Text组件

Text小部件显示一串具有单一样式的文本。根据布局约束，字符串可能会跨越多行，或者可能都显示在同一行上。

样式参数是可选的。省略时，文本将使用最接近的封闭DefaultTextStyle的样式。如果给定样式的 TextStyle.inherit属性为 true（默认值），则给定样式将与最接近的封闭DefaultTextStyle合并。这种合并行为很有用，例如，在使用默认字体系列和大小时使文本变为粗体。

简单案例

此示例说明如何使用Text小部件显示文本，并将溢出设置为TextOverflow.ellipsis。

Text(
  'Hello, $_name! How are you?',
  textAlign: TextAlign.center,
  overflow: TextOverflow.ellipsis,
  style: const TextStyle(fontWeight: FontWeight.bold),
)