くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Flutterで文字の上下にある余白をなくす(textHeightBehavior)

Flutter

ほそぼそと作ってるFlutter製スマホゲームで、
正方形のWidgetの中に文字を中央に表示したいなと思い、
いろいろ調べたときの備忘録(*´ω｀*)

Textウィジェットの構造

Textが確保している領域の話などは、このスライドがわかりやすい

Textの構造を理解する/Understanding the Structure of Text - Speaker Deck

公式だとこの辺り

textHeightBehavior

textHeightBehaviorを設定すると、
Textウィジェットが確保している領域と、
実際の文字の間には、上下に余白(leading)の有無を設定できる

Text(
  'ABCDEFG',
  // 上下の余白をなくす
  textHeightBehavior: TextHeightBehavior(
    applyHeightToFirstAscent: false,
    applyHeightToLastDescent: false,
  ),
),

以上!! 特殊な使い方だけど、解決できてよかった(*´ω｀*)

参考にしたサイトさま