dart-将谷歌日历插入flutter移动应用程序

Question

前言：我对移动应用程序开发相对较新。

我和我的团队正在开发一个移动应用程序，其中预期功能之一是多个用户之间的共享日历。我们正在使用实现飞镖语言的Flutter编写应用程序。

Google API的dart版本和Flutter都处于测试阶段，这意味着与更成熟的移动开发方法相比，留档相对稀缺。

我的问题如下：如何在应用页面上显示用户的Google日历：

这分为两部分，

1)如何从谷歌检索信息？

我知道这将需要谷歌日历API，我已经为它添加了依赖项。我不确定哪个命令将返回所需的信息。

https://pub.dartlang.org/packages/googleapis

https://developers.google.com/calendar/v3/reference/

不幸的是，Google没有发布任何关于如何在dart中实现这一点的例子

2)如何在日历页面上显示信息？

Answer 1

1. 如何从Google检索信息？

我知道这将需要谷歌日历API，我已经为它添加了依赖项。我不确定哪个命令将返回所需的信息。

有一个＜code＞googleapisevents（）。items返回列表

我建议仔细阅读文档以了解更多细节，并看看它如何适合您的用例。

获得要显示的日历详细信息后，您可以创建自己的日历小部件，也可以使用可以在您的应用程序上显示日历的现有插件，即table_calendar。使用table_calendar插件，可以使用CalendarBuilder类显示事件。例如，CalendarBuilder.markersBuilder属性可以在每个日单元格上显示标记。使用它看起来像这样：

Widget _buildTableCalendarWithBuilders() {
  return TableCalendar(
    ...
    builders: CalendarBuilders(
      ...
      markersBuilder: (context, date, events, holidays) {
        final children = <Widget>[];

        // a filter for the events listed from Google Calendar API can be set here

        if (events.isNotEmpty) {
          children.add(
            Positioned(
              right: 1,
              bottom: 1,
              child: _buildEventsMarker(date, events),
            ),
          );
        }

        if (holidays.isNotEmpty) {
          children.add(
            Positioned(
              right: -2,
              top: -2,
              child: _buildHolidaysMarker(),
            ),
          );
        }

        return children;
      },
    ),
  ),
}

可以在此处查看使用table_calendar插件的完整工作示例。

Answer 2

最新版本的https://pub.dev/packages/googleapis有这些API！