[Flutter]Text(text)の行の高さ(lin height)を設定するには？

[Flutter]Textの行の高さを設定するには？

Flutter

2022.03.15

どうも、ちょげ(@chogetarou)です。

Textの行の高さを設定する方法を紹介します。

方法
使用例

方法

Textの行の高さを設定するには、TextStyleを使います。

まず、Textの引数「style」にTextStyleを指定します。

そして、TextStyleの引数「height」に、行の高さを指定します。

行の高さは、具体的な数値ではなく、テキストサイズに対する倍率で指定します。

例えば、テキストサイズの1.5倍であれば、引数「heigt」には、「1.5」を指定します。

Text(
  'テキスト',
  style: TextStyle(
    height: lineHegiht, //テキストサイズの何倍にするか
  ),
),

TextStyleを使うことで、Textの行の高さを設定することが出来ます。

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(
          'Hello\nFlutter\nこんにちは\nフラッター',
          style: TextStyle(
            height: 2.0, //テキストサイズの2倍
          ),
        ),
      ),
    );
  }