Flutter日历添加插件fl_add_to_calender的使用

Android集成

在你的应用中，你需要在AndroidManifest.xml文件中添加以下权限，以指示需要修改日历的权限：

<uses-permission android:name="android.permission.READ_CALENDAR" />
<uses-permission android:name="android.permission.WRITE_CALENDAR" />

iOS集成

对于iOS 10及以上版本的支持，你需要在Info.plist文件中添加以下键值对：

<key>NSCalendarsUsageDescription</key>
<string>访问日历以查看和编辑事件。</string>

对于iOS 17及以上版本的支持，还需要添加以下键值对：

<key>NSCalendarsFullAccessUsageDescription</key>
<string>访问日历以查看和编辑事件。</string>

在Podfile中更新构建设置以启用日历权限，需要在post_install块中添加以下代码：

post_install do |installer|
  installer.pods_project.targets.each do |target|
    flutter_additional_ios_build_settings(target)

    // 在安装了permission_handler后添加以下代码
    target.build_configurations.each do |config|
      config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'] ||= [
        '$(inherited)',
        'PERMISSION_EVENTS_FULL_ACCESS=1',
      ]
    end

  end
end

使用

在Dart代码中导入并使用fl_add_to_calender插件：

import 'package:flutter/material.dart';
import 'package:fl_add_to_calender/fl_add_to_calender.dart';

final Event event = Event(
    title: 'Calendar event',
    startTime: '2024-12-28T10:30:00',
    endTime: '2024-12-28T11:30:00',
    eventTimeZone: timezone
);
...
FlAddToCalender.addEvent(context, event);
...

示例代码

以下是完整的示例代码，展示了如何在Flutter应用中使用fl_add_to_calender插件。

import 'dart:io';

import 'package:flutter/material.dart';
import 'dart:async';

import 'package:fl_add_to_calender/fl_add_to_calender.dart';
import 'package:permission_handler/permission_handler.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return const MaterialApp(home: Home());
  }
}

class Home extends StatefulWidget {
  const Home({super.key});

  [@override](/user/override)
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  [@override](/user/override)
  void initState() {
    super.initState();
  }

  String evID = "";

  Future<Event> buildEvent() async {
    var timezone = "Asia/kolkata";
    return Event(
        title: 'NB EVENT',
        startTime: '2025-01-10T10:30:00',
        endTime: '2025-01-10T11:30:00',
        eventTimeZone: timezone);
  }

  Future<Event> getUpdateEvent() async {
    var timezone = "Asia/kolkata";
    return Event(
        title: 'NB EVENT Updated ',
        startTime: '2025-01-11T10:30:00',
        endTime: '2025-01-11T11:30:00',
        eventTimeZone: timezone);
  }

  void add() async {
    if (Platform.isAndroid) {
      var status = await Permission.calendarFullAccess.status;
      if (status == PermissionStatus.granted) {
        addEventToCalendar();
      } else if (status == PermissionStatus.permanentlyDenied) {
        ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
          content: Text("Error adding event to calendar: Permission denied"),
          backgroundColor: Colors.red,
        ));
        Future.delayed(const Duration(seconds: 2), () {
          openAppSettings();
        });
      } else {
        if (await Permission.calendarFullAccess.request().isGranted) {
          addEventToCalendar();
        } else {
          ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
            content: Text("Error adding event to calendar: Permission denied"),
            backgroundColor: Colors.red,
          ));
        }
      }
    } else {
      var status = await Permission.calendarWriteOnly.status;
      if (status == PermissionStatus.granted) {
        addEventToCalendar();
      } else if (status == PermissionStatus.permanentlyDenied) {
        ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
          content: Text("Error adding event to calendar: Permission denied"),
          backgroundColor: Colors.red,
        ));
        Future.delayed(const Duration(seconds: 2), () {
          openAppSettings();
        });
      } else {
        if (await Permission.calendarWriteOnly.request().isGranted) {
          addEventToCalendar();
        } else {
          ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
            content: Text("Error adding event to calendar: Permission denied"),
            backgroundColor: Colors.red,
          ));
        }
      }
    }
  }

  void addEventToCalendar() async {
    await FlAddToCalender.addEvent(context, event: await buildEvent(),
        onSubmitted: (id) {
      evID = id;
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
        content: Text('Event added to calendar successfully ! ID = ${id}'),
        backgroundColor: Colors.green,
      ));
    }, onError: (e) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
        content: Text('Error $e'),
        backgroundColor: Colors.red,
      ));
    });
  }

  void updateEvent(String eventId) async {
    await FlAddToCalender.updateEvent(context, eventId: eventId, event: await getUpdateEvent(),
        onSubmitted: (status) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
        content: Text(status),
        backgroundColor: Colors.green,
      ));
    }, onError: (e) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(
        content: Text('Error $e'),
        backgroundColor: Colors.red,
      ));
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Fl Add To Calender'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: [
            InkWell(
              onTap: () async {
                add();
              },
              child: Container(
                width: 200,
                height: 50,
                color: Colors.amber,
                child: const Center(child: Text("Add Event")),
              ),
            ),
            const SizedBox(height: 50,),
            InkWell(
              onTap: () async {
                updateEvent(evID);
              },
              child: Container(
                width: 200,
                height: 50,
                color: Colors.red,
                child: const Center(child: Text("Update Event")),
              ),
            )
          ],
        ),
      ),
    );
  }
}