[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),
  ),
),

参考：

Is there a way to create a text field with a prefix that is always visible in flutter

I would like to create a text field with a prefix that is always visible. I am creating a phone field similar to the one...

stackoverflow.com