Flutter で Drawer (ドゥロワー)、俗に言うハンバーガーメニューを実装する方法をご紹介します。

前提

Drawer (ドゥロワー) ハンバーガーメニューとは？

本記事で Flutter アプリに実装する Drawer は以下の gif アニメーションのようなものです。

Drawer 参考情報

Flutter 公式ドキュメントから以下の記事を参考にして、実装しました。

• Add a Drawer to a screen - Flutter
• Drawer class - material library - Dart API

Flutter Drawer サンプルコード

Flutter アプリに Drawer を追加したサンプルコードは以下の GitHub Pull Request に公開していますので、ぜひご覧ください。

? Add the drawer · Pull Request #5 · codenote-net/flutter_sandbox

以上、Flutter に Drawer (ハンバーガーメニュー) を実装した、現場からお送りしました。