iosシミュレーターでwifiなどが書かれているところと重なる

Question

import 'package:flutter/material.dart';

class Header extends StatelessWidget with PreferredSizeWidget {
  @override
  Size get preferredSize => Size.fromHeight(kToolbarHeight);
  @override
  Widget build(BuildContext context) {
    return AppBar(
      leading: Padding(
        // Paddingを追加
        padding: const EdgeInsets.all(8.0),
        child: IconButton(
          // IconButtonを追加
          icon: Icon(Icons.settings), //Iconsの設定アイコンを指定
          onPressed: () {}, // 動作は空
        ),
      ),
      title: Text('タイトル'),
      actions: [
        Padding(
          padding: EdgeInsets.all(8.0),
          child: IconButton(icon: Icon(Icons.search), onPressed: () {}),
        )
      ],
    );
  }
}

ヘッダーをこのように書いているのですが、wifiや充電のところと被ります。

どのようにすべきでしょうか。

Answer 1

AppBarがそもそもPreferredSizeWidgetなので、このWidgetのchildにして何をしようとしてるのですか？ ScaffoldのappBarにそのままAppBar()を入れることができます。

あとこういう場合参考になるWidgetはSafeArea()やMediaQuery.of(context).padding.topなど調べてみてください。