🔧

AppBarなしのScaffold内でListView使用時の上部Paddingをなくしたい

2023/07/02に公開

FlutterでScaffold内のListViewにおけるPaddingの問題とその解決法

Flutterでアプリの画面を作成する際、多くの場合Scaffoldを使用します。Scaffold内でAppBarを使わずにListViewを作成すると、上部に余分なPaddingが自動的に追加されます。

この上部Paddingを簡単に取り除く方法があります。
それは、MediaQuery.removePaddingメソッドを使用することです。

以下に具体的なコードを示します:

MediaQuery.removePadding(
  context: context,
  removeTop: true,
  child: ListView()
);

このように、removeTop: trueとすることで、ListViewの上部に自動的に追加されるPaddingを取り除くことができます。

これにより、AppBarを使わずにScaffold内のListViewをスムーズに扱うことができるようになります。

GitHubで編集を提案

Discussion