如何使用 add2calendar package 制作动态 Flutter 按钮？

Question

Flutter 的新功能。 我有这个按钮，按下是在设备上启动日历。 我想让这个按钮动态化，因为我的模型/事件.dart 列表中有超过 20 个日期，并且我想启动具有特定日期的日历，例如 DateTime('${events.date}') 可能吗？ 有没有另一种解决方案？ Vs Code 错误告诉我应该创建一个吸气剂来解决这个问题。 想法？

import 'package:flutter/material.dart';
import 'package:add_2_calendar/add_2_calendar.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:provider/provider.dart';
import '../model/events.dart';

class Calendar extends StatefulWidget {
  @override
  _CalendarState createState() => _CalendarState();
}

class _CalendarState extends State<Calendar> {
  final GlobalKey<ScaffoldState> scaffoldState = GlobalKey();

  @override
  Widget build(BuildContext context) {
    Event event = Event(
      title: '',
      description: '',
      location: '',
      startDate: DateTime.now(),
      endDate: DateTime.now(),
      allDay: false,
    );

    return Row(
      children: <Widget>[
        IconButton(
          icon: Icon(
            FontAwesomeIcons.calendarAlt,
            size: 30.0,
            color: Colors.green,
          ),
          onPressed: () {
            Add2Calendar.addEvent2Cal(event);
          },
        ),
      ],
    );
  }
}

import 'package:flutter/foundation.dart';

class Events {
  final String imagePath,
      title,
      description,
      location,
      duration,
      punchLine1,
      punchLine2,
      address,
      shareB,
      phone,
      fb,
      maps,
      guide,
      date;
  final List categoryIds, galleryImages;

  Events({
    @required this.imagePath,
    @required this.title,
    @required this.description,
    @required this.location,
    @required this.duration,
    @required this.punchLine1,
    @required this.punchLine2,
    @required this.categoryIds,
    @required this.galleryImages,
    @required this.address,
    @required this.shareB,
    @required this.phone,
    @required this.fb,
    @required this.maps,
    @required this.guide,
    @required this.date,
  });
}

final ponteRagogna = Events(
  imagePath: "assets/locations/ponte1.jpg",
  title: "Osteria al Ponte dal Lupo",
  description: "",
  location: "Ragogna",
  duration: "",
  punchLine1: "Osteria",
  punchLine2: " al Ponte dal Lupo",
  address: "Via al Ponte 6, Ragogna",
  maps: "46.184476,12.96572912",
  phone: "+393501073003",
  fb: "https://www.facebook.com/pages/category/Restaurant/Osteria-al-ponte-dal-lupo-2354276691519510/",
  galleryImages: [
    "assets/locations/ponte0.jpg",
    "assets/locations/ponte1.jpg",
    "assets/locations/ponte2.jpg",
  ],
  categoryIds: [
    2,
  ],
  shareB:
      "https://www.tripadvisor.it/Restaurant_Review-g666616-d3964038-Reviews-Osteria_al_Ponte-Cison_Di_Valmarino_Province_of_Treviso_Veneto.html",
  guide: "",
  date: "24-09-2020",
);

Answer 1

您可以使用List<Events> ：

在你的 events.dart

final events = [
  ponteRagogna,
  new Events(...)
];

在您的代码中：

Row(
  children: [
    for (var staticEvent in events)
      IconButton(
        onPressed: () {
         final event = Event(
           title: '',
           description: '',
           location: '',
           startDate: DateTime(staticEvent.date),
           endDate: DateTime(staticEvent.date),
           allDay: false,
         );
         Add2Calendar.addEvent2Cal(event)
        },
      )
  ]
)

Answer 2

我通过在我的模型文件中添加 startdate、endate 来修复它，现在是动态的。 我现在唯一无法弄清楚的是我使用 DateTime.utc() 时的小时数。 在日历上再给我一个小时。

class Calendar extends StatelessWidget {
  final GlobalKey<ScaffoldState> scaffoldState = GlobalKey();

  @override
  Widget build(BuildContext context) {
    final events = Provider.of<Events>(context);

    return Padding(
      padding: const EdgeInsets.all(4.0),
      child: Row(
        children: <Widget>[
          IconButton(
            icon: Icon(
              FontAwesomeIcons.calendarAlt,
              size: 30.0,
              color: Colors.purple,
            ),
            onPressed: () {
              Event event = Event(
                title: events.title,
                description: events.description,
                location: events.location,
                startDate: events.startDate,
                endDate: events.endDate,
                allDay: false,
              );
              Add2Calendar.addEvent2Cal(event);
            },
          ),
        ],
      ),
    );
  }
}

Answer 3

我正在使用 Add2Calendar.addEvent2Cal 添加一个事件，但即使此事件返回 false，它也不会保存它，我必须在清单中配置的配置之外进行另一种配置。

<uses-permission android:name="android.permission.READ_CALENDAR" />
 <uses-permission android:name="android.permission.WRITE_CALENDAR" />
this is the code
   final Event event = Event(
       title: 'Test eventee',
       description: 'example',
       location: 'Flutter-app',
       startDate: DateTime.now(),
       endDate: DateTime.now().add(Duration(minutes: 30)),
       allDay: false,
       iosParams: IOSParams(
         reminder: Duration(minutes: 40),
       ),
       androidParams: AndroidParams(
         emailInvites: ["test@example.com"],
       ),
       //recurrence: recurrence,
     );

bool result = await Add2Calendar.addEvent2Cal(event);

结果是假的

请帮忙