[Flutter]TextFormFieldのテキスト(text)に値(value)を追加(add)するには？

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

TextFormFieldのテキストに入力以外でテキストを追加する方法を紹介します。

方法
使用例

方法

TextFormFieldのテキストに入力以外で値を追加するには、TextEditingControllerを使います。

まず、TextEditingControllerの変数を用意し、TextFormFieldの引数「controller」に指定します。

final _editController = TextEditingController();

〜〜〜〜〜〜

TextFormField(
  controller: _editController,
),

そして、変数のtextプロパティに、新しいテキストを足します。

_editController.text += 'Value';

これでTextFormFieldのテキストの後ろに値が追加されます。

使用例

以下は、使用例です。

  final _editController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            TextFormField(
              controller: _editController,
            ),
            SizedBox(
              height: 30,
            ),
            ElevatedButton(
              onPressed: () {
                _editController.text += 'Hello';
              },
              child: Text('Add Value'),
            ),
          ],
        ),
      ),
    );
  }