[Flutter]Textの文字間の余白を設定するには？

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

Textの文字同士の余白を設定する方法を紹介します。

方法

Textの文字間の余白を設定するには、TextStyleを使います。

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

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

Text(
  'テキスト',
  style: TextStyle(
    letterSpacing: space, //余白を設定
  ),
),

TextStyleの引数「letterSpacing」に指定した値が、Textの文字間の余白になります。

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(
          'Hello,Flutter',
          style: TextStyle(
            letterSpacing: 20,
          ),
        ),
      ),
    );
  }

[Flutter]CupertinoAlertDialogでTextFieldを使うには？

CupertinoAlertDialogでTextFieldを使う方法を紹介します。

www.choge-blog.com

2022.01.21

[Flutter]テキスト(text)を選択するには？

複数のテキストから１つのテキストを選択する方法を紹介します。

www.choge-blog.com

2022.01.08

[Flutter]Textの装飾をするには？

Textの装飾をする方法を紹介します。

www.choge-blog.com

2022.01.07