如何在段落中加粗（或格式化）文本？

25 浏览
0 Comments

如何在段落中加粗（或格式化）文本？

我怎么同时使用不同的格式来展示一行文字呢？

例如：

你好，世界

admin 更改状态以发布 2023年5月20日
0

2 答案

0 Comments

[更新]

以下的答案适用于少量单词，不适用于需要格式化特定文本的长句子或段落。建议使用上面答案的@DvdWasibi建议的RichText。

[旧答案]

我喜欢保持我的代码简短和干净，这是我的做法，在一行中添加两个文本字段，一个使用普通字体，另一个bold，

注意：这对于长段落可能不好看，对于标题等效果好。

Row(children: [
  Text("Hello"),
  Text("World", style: const TextStyle(fontWeight: FontWeight.bold))
]);

您应该会得到所期望的输出为“Hello World”。

0
0 Comments

您应该使用RichText小部件。

RichText小部件将使用一个TextSpan小部件，该小部件还可以具有一系列子TextSpans。

每个TextSpan小部件可以具有不同的TextStyle。

下面是用于渲染的示例代码：
Hello World

var text = RichText(
  text: TextSpan(
    // Note: Styles for TextSpans must be explicitly defined.
    // Child text spans will inherit styles from parent
    style: const TextStyle(
      fontSize: 14.0,
      color: Colors.black,
    ),
    children: [
      TextSpan(text: 'Hello'),
      TextSpan(text: 'World', style: const TextStyle(fontWeight: FontWeight.bold)),
    ],
  ),
);

0