[Flutter]AppBarをセーフエリア内に表示するには?

Flutter

どうも、ちょげ(@chogetarou)です。

AppBarをセーフエリア内に表示するには、どうしたらいいのでしょうか?

スポンサーリンク

方法

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        appBar: AppBar(
          title: Text(
            "Title",
          ),
        ),
        body: Center(),
      ),
    );
  }

AppBarをセーフエリアに表示するには、ScaffoldウェジェットをSafeAreaウェジェットでラップします。

SafeAreaは、子ウェジェットをセーフエリア内に表示させるウェジェットです。

コメント

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