[Flutter]Text(テキスト)の行間(line spacing)を設定するには？

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

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

方法

Textの行間を設定する方法は、２つあります。

１つは、TextStyleの引数「letterSpacing」を使う方法です。

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

そして、TextStyleの引数「letterSpacing」に行間の大きさを指定します。

Text(
  'テキスト',
  style: TextStyle(
    letterSpacing: /*行間の大きさ*/,
  ),
),

使用例

以下は、使用例です。

Text(
  'テキスト',
  style: TextStyle(
    letterSpacing: 3.0,
  ),
),

もう１つは、TextStyleの引数「height」を使う方法です。

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

そして、TextStyleの引数「height」に文字の何倍の大きさを、行間の大きさにするかを指定します。

Text(
  'テキスト',
  style: TextStyle(
    height: /*行間の大きさを文字の倍率で指定*/,
  ),
),

使用例

以下は、使用例です。

Text(
  'テキスト',
  style: TextStyle(
    fontSize: 14, //文字の大きさ
    height: 0.5, //文字の大きさの0.5倍(7)を行間
  ),
),

Textの行間を設定するには、TextStyleの引数「letterSpacing」もしくは引数「height」を使います。