Событие не добавляется в календарь

Я создаю приложение flutter, в котором есть календарь syncfusion, и вы можете добавлять в него события. Однако, когда я пытаюсь добавить событие, оно не добавляется и, следовательно, не отображается в календаре, несмотря на то, что страница «Добавить событие» появляется после предполагаемого добавления события.

Код для доступа к классу InsertEvent, в который вы добавляете событие:

      class EditEventsPage extends StatefulWidget {
  final Events? event;

  const EditEventsPage({Key? key, this.event}) : super(key: key);

  @override
  _EditEventsPageState createState() => _EditEventsPageState();
}

class _EditEventsPageState extends State<EditEventsPage> {
  var insertEventInstance = InsertEvent();
  final _formKey = GlobalKey<FormState>();
  final titleController = TextEditingController();
  late DateTime fromDate;
  late DateTime toDate;

  @override
  void initState() {
    super.initState();
    if (widget.event == null) {
      fromDate = DateTime.now();
      toDate = DateTime.now().add(Duration(hours: 4));
    }
  }

  @override
  void dispose() {
    titleController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Color(0xFF1c3f77),
        elevation: 0,
        leading: CloseButton(),
        actions: buildEditingActions(),
      ),
      body: SingleChildScrollView(
        padding: EdgeInsets.all(12),
        child: Form(
            key: _formKey,
            child: Column(mainAxisSize: MainAxisSize.min, children: <Widget>[
              buildTitle(),
              SizedBox(height: 25),
              buildDateTime(),
            ])),
      ),
    );
  }

  List<Widget> buildEditingActions() => [
        ElevatedButton.icon(
          style: ElevatedButton.styleFrom(
              primary: Colors.transparent, shadowColor: Colors.transparent),
          icon: Icon(Icons.done),
          label: Text(
            'Add',
            style: TextStyle(color: Colors.white, fontSize: 15),
          ),
          onPressed: saveEvent,
        )
      ];

  Widget buildTitle() => TextFormField(
        style: TextStyle(fontSize: 15),
        decoration:
            InputDecoration(border: UnderlineInputBorder(), hintText: 'Title'),
        onFieldSubmitted: (_) => saveEvent,
        validator: (title) =>
            title != null && title.isEmpty ? 'Title cannot be empty' : null,
        controller: titleController,
      );

Функция saveEvent:

      Future saveEvent() async {
    final isValid = _formKey.currentState!.validate();

    if (isValid) {
      final event = Events(
        title: titleController.text,
        details: 'testing 1 2 3',
        from: fromDate,
        to: toDate,
        isAllday: false,
      );

      insertEventInstance.addEvent(event);
      Navigator.of(context).pop();
    }
  }

InsertEvent класс:

      class InsertEvent {
  final List<Events> _events = [];
  List<Events> get events => _events;

  void addEvent(Events event) {
    _events.add(event);
  }
}

Я использовал var insertEventInstance = InsertEvent(); чтобы получить доступ к классу и попытался добавить событие. Хотя функция saveEvent появляется после того, как я нажимаю кнопку «Добавить» (как написано в коде), событие и его детали не отображаются вообще.

Источник данных календаря:

      class CalendarWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var eventInstance = InsertEvent();
    final events = eventInstance.events;

    return SfCalendar(
        dataSource: EventDataSource(events),
  );
}

Есть ли где-то ошибка при вызове событий в источнике данных для календаря? Как я могу отобразить добавленные события?

1 ответ

Используя notifyListeners из CalendarDataSource, вы можете отразить изменения в пользовательском интерфейсе , когда назначение добавлять, удалять, редактировать. У нас есть документ базы знаний для этого требования. Найдите базу знаний по следующей ссылке,

Ссылка в КБ: https://www.syncfusion.com/kb/11204/how-to-design-and-configure-your-appointment-editor-in-flutter-event-calendar-sfcalendar

Кроме того, у нас есть документ базы знаний для удаления встречи из календаря и добавления встреч в календарь. Пожалуйста, найдите КБ по следующим ссылкам.

Ссылки базы знаний: https://www.syncfusion.com/kb/11522/how-to-delete-an-appointment-in-the-flutter-event-calendar-sfcalendar

https://www.syncfusion.com/kb/12300/how-to-add-the-appointments-using-the-ontap-callback-in-the-flutter-calendar

Другие вопросы по тегам