flutter_agenda 3.1.0

Agenda view package with diagnol scrolling, vertical timeline, horizontal resources and auto rendering for thier appoiments.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_agenda/flutter_agenda.dart';
import 'package:flutter_agenda_demo/navto.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(primarySwatch: Colors.blue),
      home: AgendaScreen(),
    );
  }
}

class AgendaScreen extends StatefulWidget {
  AgendaScreen({Key? key}) : super(key: key);

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

late List<Resource> resources = <Resource>[];
bool _isloading = true;
TimeSlot _selectedTimeSlot = TimeSlot.half;

class _AgendaScreenState extends State<AgendaScreen> {
  @override
  void initState() {
    super.initState();
    resources = [
      Resource(
        head: Header(title: 'الموارد 1.', subtitle: '3 التعيينات', object: 1),
        events: [
          AgendaEvent(
            title: 'اجتماع D.',
            subtitle: 'ب',
            backgroundColor: Colors.red,
            start: EventTime(hour: 15, minute: 0),
            end: EventTime(hour: 16, minute: 30),
          ),
          AgendaEvent(
            title: 'اجتماع Z.',
            subtitle: 'MZ.',
            start: EventTime(hour: 12, minute: 0),
            end: EventTime(hour: 13, minute: 20),
          ),
        ],
      ),
      Resource(
        head: Header(title: 'الموارد 2', object: 2),
        events: [
          AgendaEvent(
            title: 'اجتماع G.',
            subtitle: 'MG',
            backgroundColor: Colors.yellowAccent,
            start: EventTime(hour: 9, minute: 10),
            end: EventTime(hour: 11, minute: 45),
          ),
        ],
      ),
      Resource(
        head: Header(title: 'الموارد 3.', object: 3, color: Colors.yellow),
        events: [
          AgendaEvent(
            title: 'اجتماع أ',
            subtitle: 'MA',
            start: EventTime(hour: 10, minute: 10),
            end: EventTime(hour: 11, minute: 45),
            onTap: () {
              print("meeting A Details");
            },
          ),
        ],
      ),
    ];
  }

  @override
  Widget build(BuildContext context) {
    return Directionality(
      textDirection: TextDirection.rtl,
      child: SafeArea(
        child: Scaffold(
          appBar: AppBar(
            title: Text('Flutter Agenda'),
            actions: [
              IconButton(
                icon: Icon(Icons.refresh),
                onPressed: () {
                  setState(() {
                    _isloading = !_isloading;
                  });
                },
              ),
              IconButton(
                icon: Icon(Icons.add),
                onPressed: () {
                  setState(() {
                    resources.addAll([
                      Resource(
                        head: Header(title: 'الموارد 4.', object: 4),
                        events: [
                          AgendaEvent(
                            title: 'اجتماع أ',
                            subtitle: 'MA',
                            start: EventTime(hour: 10, minute: 10),
                            end: EventTime(hour: 11, minute: 45),
                            onTap: () {
                              print("meeting A Details");
                            },
                          ),
                        ],
                      ),
                      Resource(
                        head: Header(title: 'الموارد 4.', object: 4),
                        events: [
                          AgendaEvent(
                            title: 'اجتماع أ',
                            subtitle: 'MA',
                            start: EventTime(hour: 10, minute: 10),
                            end: EventTime(hour: 11, minute: 45),
                            onTap: () {
                              print("meeting A Details");
                            },
                          ),
                        ],
                      )
                    ]);
                  });
                },
              ),
              IconButton(
                icon: Icon(Icons.remove),
                onPressed: () {
                  setState(() {
                    resources.removeAt(0);
                  });
                },
              ),
              IconButton(
                icon: Icon(Icons.event),
                onPressed: () {
                  setState(() {
                    resources.first.events.add(AgendaEvent(
                      title: 'اجتماع أ',
                      subtitle: 'MA',
                      start: EventTime(hour: 9, minute: 0),
                      end: EventTime(hour: 11, minute: 45),
                      onTap: () {
                        print("meeting A Details");
                      },
                    ));
                  });
                },
              ),
              TextButton(
                child: Text("15 min", style: TextStyle(color: Colors.white)),
                onPressed: () {
                  setState(() {
                    _selectedTimeSlot = TimeSlot.quarter;
                  });
                },
              ),
              TextButton(
                child: Text("30 min", style: TextStyle(color: Colors.white)),
                onPressed: () {
                  setState(() {
                    _selectedTimeSlot = TimeSlot.half;
                  });
                },
              ),
              TextButton(
                child: Text("1h", style: TextStyle(color: Colors.white)),
                onPressed: () {
                  setState(() {
                    _selectedTimeSlot = TimeSlot.full;
                  });
                },
              ),
              TextButton(
                child: Text("Navigate", style: TextStyle(color: Colors.white)),
                onPressed: () {
                  showModalBottomSheet(
                      context: context, builder: (context) => SecondScreen());
                },
              ),
            ],
          ),
          body: _isloading
              ? Center(
                  child: CircularProgressIndicator(),
                )
              : FlutterAgenda(
                  resources: resources,
                  agendaStyle: AgendaStyle(
                    direction: TextDirection.rtl,
                    startHour: 9,
                    endHour: 20,
                    headerLogo: HeaderLogo.bar,
                    fittedWidth: false,
                    timeItemWidth: 45,
                    timeSlot: _selectedTimeSlot,
                  ),
                  // the click else where (other than an event because it has it's own onTap parameter)
                  // you get the object linked to the head object of the pillar which could be you project costume object
                  // and the cliked time
                  onTap: (clickedTime, object) {
                    print(
                        "Clicked time: ${clickedTime.hour}:${clickedTime.minute}");
                    print("Head Object related to the resource: $object");
                    resources
                        .where((resource) => resource.head.object == object)
                        .first
                        .events
                        .add(AgendaEvent(
                          title: 'اجتماع أ',
                          subtitle: 'MA',
                          start: clickedTime,
                          end: EventTime(
                              hour: clickedTime.hour + 1,
                              minute: clickedTime.minute),
                          onTap: () {
                            print("meeting A Details");
                          },
                        ));

                    setState(() {});
                  },
                ),
        ),
      ),
    );
  }
}