すらぼうの開発ノート

モバイルアプリエンジニアのメモ

【Flutter】CupertinoNavigationBarがchildで指定したウィジェットと重なる問題の対処方法


はじめに

CupertinoNavigationBarCupertinoPageScaffoldにて使用すると、childに指定したウィジェットが隠れてしまう場合がある。

本エントリではその場合の対処方法を説明する。


対処方法

childウィジェットSafeAreaでラップすれば良い。

つまり以下のようなコードになる。

CupertinoPageScaffold(
  navigationBar: CupertinoNavigationBar(
  ...
  ), 
  child: SafeArea(
    child: ... // 表示したいウィジェット
));

参考情報

api.flutter.dev