首页 > 解决方案 > 如何在 Flutter 的同一行更改我的字体?

问题描述

我想用 Nexa 字体更改我的字体(amion),用 Roboto 更改其他字母,如何使用 Flutter 进行更改? font_Image

标签: flutterfonts

解决方案


您可以使用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例子供你参考。


推荐阅读