Flutter heightを使ってTextの行間を設定するサンプル

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
Text(
'サンプルのテキスト',
style: TextStyle(
height: /*行間の大きさを文字の倍率で指定*/,
),
),
Text( 'サンプルのテキスト', style: TextStyle( height: /*行間の大きさを文字の倍率で指定*/, ), ),
Text(
  'サンプルのテキスト',
  style: TextStyle(
    height: /*行間の大きさを文字の倍率で指定*/,
  ),
),

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

操作例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
Text(
'サンプルのテキスト',
style: TextStyle(
fontSize: 16, //文字の大きさ
height: 0.5, //文字の大きさの0.5)を行間
),
),
Text( 'サンプルのテキスト', style: TextStyle( fontSize: 16, //文字の大きさ height: 0.5, //文字の大きさの0.5)を行間 ), ),
Text(
  'サンプルのテキスト',
  style: TextStyle(
    fontSize: 16, //文字の大きさ
    height: 0.5, //文字の大きさの0.5)を行間
  ),
),

 

Flutter

Posted by arkgame