ListViewのトップの部分に空白ができてしまう。

ListViewを実装しているのですが、画像のように隙間があいてしまいます。スクロールすると狭まるのでLiseView自体の領域は記述通り確保できています。どうすれば、子要素の上の隙間をなくせますか？

dart
1Expanded(
2     child: ListView.builder(
3        itemBuilder: (BuildContext context, int index) {
4            return RequestItem(
5                 name: "name",
6                 adress: "address",
7                 purpose: "purpose",
8                 deadline: 1,
9                 detail: "メッセージメッセージメッセージメッセージメッセージ");
10            },
11            itemCount: 5
12       ),
13    ),
14]),

行動規範の内容に同意します

回答1件

ベストアンサー

おそらく、AppBarを使っていない時に起きる現象だと思います。
解決できそうな方法をいくつか挙げるので、試してみてください。

解決策１

MediaQuery.removePaddingを使う

dart
1Expanded(
2  child: MediaQuery.removePadding(
3    context: context,
4    removeTop: true,
5    child: ListView.builder(
6      itemCount: 5,
7      itemBuilder: (context, index) {
8        return RequestItem(
9          name: "name",
10          adress: "address",
11          purpose: "purpose",
12          deadline: 1,
13          detail: "メッセージメッセージメッセージメッセージメッセージ",
14        );
15      },
16    ),
17  ),
18),

解決策２

ListViewのpaddingプロパティをEdgeInsets.zeroに設定する

dart
1Expanded(
2  child: ListView.builder(
3    padding: EdgeInsets.zero,
4    itemCount: 5,
5    itemBuilder: (context, index) {
6      return RequestItem(
7        name: "name",
8        adress: "address",
9        purpose: "purpose",
10        deadline: 1,
11        detail: "メッセージメッセージメッセージメッセージメッセージ",
12      );
13    },
14  ),
15),

解決策３

Scaffoldのbody全体をSafeAreaで囲む

dart
1
2@override
3  Widget build(BuildContext context) {
4    return Scaffold(
5      body: SafeArea(
6        child: Column(
7          children: [
8            Text("現在、9本中１本提出しています。"),
9            Expanded(
10              child: ListView.builder(
11                itemCount: 5,
12                itemBuilder: (context, index) {
13                  return RequestItem(
14                   name: "name",
15                   adress: "address",
16                   purpose: "purpose",
17                   deadline: 1,
18                   detail: "メッセージメッセージメッセージメッセージメッセージ"
19                  );
20                },
21              ),
22            ),
23          ],
24        ),
25      ),
26    );
27  }