Flutter 抽屉

使用 Material Design 的移动应用主要有两种导航选项。这些导航是 选项卡 和 抽屉。 抽屉是选项卡的替代选项，因为有时移动应用没有足够的空间来支持选项卡。

抽屉是一个 不可见 的侧边屏幕。它是一个滑动左侧菜单，通常包含应用程序中的重要链接，并在显示时占据屏幕的一半。

让我们看看抽屉在 Flutter 中是如何工作的。 Flutter 使用抽屉小部件创建一个带有 Material Design 小部件的 滑动左侧菜单 布局。 在应用程序中使用抽屉需要以下步骤。

1. 创建一个 Flutter 项目。
2. 在 scaffold 小部件中添加抽屉
3. 通过添加内容来填充抽屉
4. 关闭抽屉。

步骤 1: 在 IDE 中创建一个 Flutter 项目。 在这里，我将使用 Android Studio。

步骤 2: 在 Android Studio 中打开项目并导航到 lib 文件夹。 在此文件夹中，打开 main.dart 文件。

步骤 3: 在 main.dart 文件中，在 scaffold 小部件中创建一个 drawer，如下面的代码所示。

步骤 4: 接下来，我们需要在抽屉中添加内容。 在此示例中，我们将使用 Listview 小部件，该小部件允许用户滚动抽屉，如果内容不适合屏幕支持。 以下代码更清楚地解释了这一点。

步骤 5: 最后，关闭抽屉。 我们可以使用 navigator 来做到这一点。

让我们看看上面步骤的完整代码。 打开 main.dart 文件并替换以下代码。

输出

现在，在 Android Studio 中运行该应用程序。 它将给出以下屏幕。

当您单击上面屏幕的左上角时，您可以看到抽屉向左滑动，其中通常包含应用程序中的重要链接并占据屏幕的一半。