[Flutter]TextFieldタップでA RenderFlex overflowed by <xxx> pixels on the bottom. が出るときの対処法

TextField や TextFormField をタップすると、キーボードが立ち上がる関係で、次のようなエラーが出ることがあります。

Widget build(BuildContext context) {
    return Form(
        key: _formKey,
        child: Column(
          children: <Widget>[
            TextFormField(),
          ],
        ),
      );
}

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
The following assertion was thrown during layout:
A RenderFlex overflowed by 198 pixels on the bottom.

回避方法

SingleChildScrollView でウィジェットを囲むことで、画面が適切にスクロールし、エラーを回避できます。

Widget build(BuildContext context) {
    return SingleChildScrollView(
        child:Form(
          key: _formKey,
          child: Column(
            children: <Widget>[
              TextFormField(),
            ],
          ),
        ),
    );
}

参考

How to fix bottom overflowed when keyboard shows error in Flutter - Programming Addict - YouTube