【Flutter】 Material 3 详解（三）导航的艺术 紧凑布局、中等布局、扩展布局中的navigation bar、Navigation rail、navigation drawer

【Flutter】 Material 3 详解（三）紧凑布局、中等布局、扩展布局中的navigation bar、Navigation rail、navigation drawer 独立开发者应该学的设计标准

一、前言

欢迎阅读我们的 Flutter 专栏！在这个专栏中，我们将深入探讨 Flutter 的各个方面，从基础知识到应用的部署。如果你有任何疑问，或者想要与其他 Flutter 学习者交流，点击这里**加入我们的讨论群**，让我们一起在 Flutter 的世界中探索和学习！

在我们的专栏之前的文章中，对于Material 3的组件，在代码层面进行说明。

然而这对于我们从零到一开发到上线应用显然是不够的，在接下来的几篇文章中，我们会对Material 3的设计风格进行详细说明，让你做到能够使用基于Material 3的设计风格和组件进行应用的开发。

在上一篇文章中，我们介绍了 Material 3 中的布局标准，其中对于不同布局，提到了几种不同的导航栏。

在本篇文章中，我们将会详细对导航栏的设计标准进行说明，并给出实际的可运行的代码，以备大家查阅。

二、准备工作