やりたいこと#

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

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

実装#

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

• Dart 3.4.0
• Flutter 3.22.0

1
TextField(
2
  decoration: InputDecoration(
3
    suffix: const Text('円'),
4
  ),
5
),

1
TextField(
2
  decoration: InputDecoration(
3
    suffixIcon: const Text('円'),
4
    suffixIconConstraints: BoxConstraints(minHeight: 0, minWidth: 0),
5
  ),
6
),