[Flutter]TextFormFieldのテキスト(text)が変わった時(onchange)に処理をするには？

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

ユーザーの操作によって、TextFormFieldのテキストが変わった時に処理をする方法を紹介します。

方法
使用例

方法

TextFormFieldのテキストが変わった時に処理をするには、引数「onChanged」を使います。

具体的には、TextFormFieldの引数「onChanged」に関数を指定し、関数内にテキストが変わった時の処理を指定します。

TextFormField(
  onChanged: (value){ //引数では現在のテキストを取得
    //テキストが変わった時の処理
  },
),

TextFormFieldnの引数「onChanged」を使えば、テキストが変更された時に処理をすることが出来ます。

使用例

以下は、使用例です。

class Home extends StatefulWidget {
  const Home({Key? key}) : super(key: key);

  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  var _editText = '';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          children: [
            Text('テキスト：' + _editText),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: TextFormField(
                onChanged: (value) {
                  setState(() {
                    _editText = value;
                  });
                },
              ),
            ),
          ],
          mainAxisSize: MainAxisSize.min,
        ),
      ),
    );
  }
}