如何以不同方式更改字體大小？

Question

例如，我想將“Hello world”變成“Hello (//bigger than world) world (//smaller than Hello)”，它們在一行中。

我怎樣才能做到這一點？ 我可以通過 TextStyle() 在一個 Text() 小部件中給它們不同的字體大小嗎？

Answer 1

您可以像這樣使用RichText小部件：

RichText(
  text: TextSpan(
    text: 'Hello ',
    style: DefaultTextStyle.of(context).style,
    children: <TextSpan>[
      TextSpan(text: 'bold', style: TextStyle(fontWeight: FontWeight.bold)),
      TextSpan(text: ' world!'),
    ],
  ),
)

Answer 2

請根據需要檢查以下代碼。

  RichText(
      text: TextSpan(
        text: 'Hello ',
        style: TextStyle(fontSize: 24),
        children: <TextSpan>[
          TextSpan(
            text: 'world!',
            style: TextStyle(fontSize: 18),
          ),
        ],
      ),
    )