Flutter キーボードにTextField等が隠れる問題への対処

キーボードを表示するとその裏にコントロール(Widget)が隠れてしまう問題は、ネイティブ言語での開発でもつきまとうものです。そして解決方法も似た様なものなんですね。

ちなみにこの記事を書いたのは2020年7月です。それ以前の情報はもう少し手が混んでました。細かい検証をしてないので、もしかしたらこれだと記述が足りないかも知れませんが、今回はこれで事足りました。

ScaffoldにSingleChildScrollViewをセットする

    return Scaffold(
        appBar: AppBar(
          title: Text(''),
        ),
        body: SingleChildScrollView(
            reverse: true,
            child: Container(
             // TextFieldとか 
            )));

自分の場合はScaffoldのbodyにSingleChildScrollViewをセットし、そのChildに表示したいコンテンツを指定するだけでよかったです。

追記

Androidのみ問題が発生するようになりました。以下のページで解説してますので、こちらもご覧ください。

タイトルとURLをコピーしました