Flutter letterSpacingを使ってTextの行間を設定する方法

環境
Windows11 pro 64bit
Flutter 3.3.7

操作方法
TextStyleの引数「letterSpacing」を使う方法

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

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

操作例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
Text(
'サンプルテキスト',
style: TextStyle(
letterSpacing: 3.0,
),
),
Text( 'サンプルテキスト', style: TextStyle( letterSpacing: 3.0, ), ),
Text(
  'サンプルテキスト',
  style: TextStyle(
    letterSpacing: 3.0,
  ),
),

 

Flutter

Posted by arkgame