Flutter 日历

日历是用于组织日期、星期或月份，用于商业、宗教、社会或行政目的的系统。它记录了哪些事件发生在特定日期，以及特殊事件何时发生。在本节中，我们将解释如何在我们的 Flutter 应用程序中显示和使用日历组件。

Flutter 提供了一个名为 table_calendar 的简单组件，用于在我们的应用程序中显示日历。table_calendar 是高度可定制的，并且具有许多功能，例如手势、动画和多种格式。

table_calendar 提供了许多功能，如下所示：

• 易于使用的 API。
• 它为 UI 控制提供了自定义构建器。
• 它具有垂直自动调整大小功能。
• 它提供了精美的动画。
• 它提供了手势处理。
• 它提供了多种日历格式，例如月份、星期、年等。
• 我们也可以使用一周中的多天格式。

让我们逐步创建和显示日历。

步骤 1： 在您使用的 IDE 中创建一个新的 Flutter 项目，并将其标题命名为 Flutter Calendar Example。

步骤 2： 打开项目，导航到 lib 文件夹，然后打开 pubspec.yaml 文件。在此文件中，我们需要添加 table_calendar 依赖项，如下所示

步骤 3： 添加上述依赖项后，我们需要运行以下命令以获取所需的软件包

步骤 4： 接下来，在 dart 文件中导入依赖项，如下所示

步骤 5： 之后，我们需要一个日历控制器并初始化日历为 CalendarController。

步骤 6： 接下来，我们必须将 日历组件 添加为任何 组件 的子项。在这里，我们将日历组件添加为 scaffold 组件的子项。

步骤 7： 现在，我们可以编写我们的逻辑并添加样式以显示日历。

示例

以下是在应用程序中显示日历的完整代码。

输出

当我们在设备或模拟器中运行应用程序时，我们应该看到类似于以下屏幕截图的 UI。在这里，我们可以看到显示月份的向前和向后箭头图标。一周从星期一开始，14 日是我的当前日期。

如果我们选择另一个日期，我们可以看到当前日期和选定日期使用不同的颜色。请看下图。

我们还可以显示月份的星期，如下图所示。