[Flutter]横スクロールのカレンダーウェジェット

Flutter

どうも、ちょげ(@chogetarou)です。

横スクロールのカレンダーウェジェットを紹介します。

スポンサーリンク

横スクロールのカレンダー

横スクロールのカレンダーとなるウェジェットは、「synfusion_flutter_calendar」パッケージの「SfCalendar」です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Container(
            child: SfCalendar(
      view: CalendarView.month,
    )));
  }

実際には、「view引数」に「CalendarView.month」を指定することで、横スクロールのカレンダーになります。

「SfCalendar」を使うには、パッケージを導入する必要があります。

まず、次のコードを「pubspec.yaml」に追加し、「pub get」します。

dependencies:
  syncfusion_flutter_calendar: ^19.2.62

そして、ウェジェットを使用するファイルでインポートします。

import 'package:syncfusion_flutter_calendar/calendar.dart';

コメント

タイトルとURLをコピーしました