どうも、ちょげ(@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倍
),
),
),
);
}
コメント