[flutter] TextFieldのsuffixを常時表示させる

やりたいこと

TextFieldのsuffixやsuffixTextを使ってsuffixを設定すると、TextFieldがフォーカスされたときにしか設定したsuffixが表示されません。

これを、フォーカスされているかどうかに関わらず、常にsuffixが表示された状態にしたいです。

実装

suffixIconは常時表示されるWidgetなので、suffixやsuffixTextの代わりにこれを使います。なお、環境は次の通りです。

• Dart 3.4.0
• Flutter 3.22.0

before：フォーカスを外すとsuffixが消える状態

TextField(
  decoration: InputDecoration(
    suffix: const Text('円'),
  ),
),

after：フォーカスを外してもsuffixが消えない

TextField(
  decoration: InputDecoration(
    suffixIcon: const Text('円'),
    suffixIconConstraints: BoxConstraints(minHeight: 0, minWidth: 0),
  ),
),

参考：

Attention Required! | Cloudflare

stackoverflow.com