Integrasi Table Calendar in flutter
Halo teman-teman medium, kali ini kita akan mengangkat sebuah topik yang agak berbeda dari topik sebelumnya, but bukan masalah dan alasan saya membuat postingan ini supaya saya tidak lupa untuk kedepan-nya wkwkwk.
Sesuai topik, kali ini saya akan menjelaskan bagaimana cara menggunakan plugins table-calendar dalam project flutter kita. jadi ikutin terus ya ,
Untuk langkah pertama kamu wajib mendeklarasikan plugins table-calendar di dalam file pubspec.yaml. Untuk pluginsnya sendiri bisa kamu lihat di https://pub.dev/packages/table_calendar/install. Perlu kamu ketahui , untuk versi terbarunya biasanya sudah menggunakan yang null safety. jadi jika kamu belum menggunakan flutter yang null safety, pastikan plungins yang kamu install tidak ada lambang null safety-nya.
pertama install plungins, yang dimana saya menggunakan nullsafety jadi saya menggunakan versi terbarunya.
table_calendar: ^3.0.3
kemudian buat file baru dimana kamu akan mengerjakan project calendar kamu. misalkan kita sepakati nama filenya, page_calendar.dart.
di dalam file page_calendar.dart jangan lupa import pakagenya, atau bisa di lihat di bawah ini.
import ‘package:flutter/material.dart’;
import ‘package:table_calendar/table_calendar.dart’;
biasanya biar lebih rapi saya akan membagi file nya menjadi dua bagian dimana file untuk meletakkan appbar dan body saya menggunakan file yang di akhiri dengan screen.dart, sedangkan untuk bagian body-nya saya akan meletakkan di dalam folder widget, jadi struktur folder-nya seperti ini.
untuk file calendar_screen.dart bisanya saya akan memulainya seperti ini.
kemudian di dalam file page_calendar.dart
saya akan mendeklarasikan semua yang ada pada body. dan untuk jelasnya bisa kamu lihat di bawah ini.
perlu kamu ketahui bahwasanya fungsi locale di atas untuk menentukan letak geografis wilayah .nah, kebetulan saya mengerjakan nya dalam bahasa Indonesia makanya saya mendeklarasikan locale:”id”.
untuk hasilnya jika project kamu berhasil makan akan memperoleh output sebagai berikut.
