【Flutter】Macデスクトップアプリのタイトルバーを消す

Flutter

FlutterでMacデスクトップアプリを生成した場合、デフォルトでタイトルバーが表示されます。

このタイトルバーを消して(透明にして)画面全体をコンテンツ領域とする方法を解説します。

スポンサーリンク

Xcodeでワークスペースを開く

タイトルバーのスタイルは、Xcodeで設定をするので、プロジェクトのフォルダにある以下のファイルをXcodeで開きます。

macos -> Runner.xcworkspace

MainMenu.xibの編集

Xcodeのファイルツリーから、MainMenu.xibを選択(下図❶❷❸)します。

タイトルバーの設定

下図の通りチェックを入れます。

  • Hide Title Text : アプリ名を非表示にする
  • Transparent Title Bar : タイトルバーを透明にする
  • Full Size Content View : タイトルバー領域をコンテンツ領域にする

これでタイトルバーがなくなり、画面全体がコンテンツ領域になります。

左上の閉じるボタンなどは、コンテンツ領域の前面に表示されるので、画面設計時にはこのボタン領域を考慮したレイアウトにする必要があります。

コメント

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