[Flutter]TextFormFieldのテキスト(text)を変える(change)には？

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

TextFormFieldのテキストを変える方法を紹介します。

方法
使用例

方法

TextFormFieldのテキストを変えるには、TextEditingControllerを使います。

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

  final _editingController = TextEditingController();
  
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  TextFormField(
      controller: _editingController,
  ),

そして、TextEditingControllerの変数の「text」プロパティを変更することで、TextFormFieldのテキストを変えることが出来ます。

_editingController.text = 'New Text';

TextEditingControllerを使えば、TextFormFieldのテキストを変えることが出来ます。

使用例

以下は、使用例です。

  final _editingController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: TextFormField(
                controller: _editingController,
              ),
            ),
            TextButton(
              onPressed: () {
                _editingController.text = 'Hello';
              },
              child: Text('Change'),
            ),
          ],
        ),
      ),
    );
  }