flutter - 如何在 Flutter 上更改同一行的字体？

Question

我想用 Nexa 字体更改我的字体 (amion)，用 Roboto 更改其他字母，如何使用 Flutter 更改它？ font_Image

Answer 1

您可以使用RichText小部件，它允许将textStyle应用于文本范围。下面是一个示例:

body: Center(
            child: RichText(
              text: TextSpan(
                text: 'Say Hello to ', style: TextStyle(fontFamily: 'Roboto', color: Colors.black, fontWeight: FontWeight.normal),
                children: <TextSpan>[
                  TextSpan(text: 'Amion', style: TextStyle(fontFamily: 'Nexa', color: Colors.black, fontStyle: FontStyle.italic)),
                  TextSpan(text: ' app !', style: TextStyle(fontFamily: 'Roboto', color: Colors.black, fontWeight: FontWeight.normal))
                ]
              ),

            ),
          )

您只需将 fontFamily 替换为您需要的任何内容即可。我只是举了 Roboto 和 Nexa 的例子供大家引用。