Flutter日历插件amazing_calendar的使用

本插件是一个日历小部件，设计为黑白主题UI。

简介

此包用作日历小部件，开发者无需编写任何代码即可使其算法工作。默认日期设置为今天。

重要提示：目前输出数据以文本形式显示。点击文本可查看日历。

了解更多信息，请查看以下截图：

安装

在 pubspec.yaml 文件中添加依赖项：

dependencies:
  amazing_calendar: ^0.0.1

示例

以下是完整的示例代码，展示了如何在应用中使用 amazing_calendar 插件。

import 'package:flutter/material.dart';
import 'package:amazing_calendar/amazing_calendar.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Amazing Calendar',
      theme: ThemeData.dark(),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key});

  @override
  // ignore: library_private_types_in_public_api
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  TextEditingController con = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: const Text('Amazing Calendar'),
        backgroundColor: Colors.grey[900],
      ),
      backgroundColor: _getColorFromHex("#8E150D"),
      body: Center(
        child: ListView(
          children: [
            Container(height: 50),
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 75),
              child: Container(
                color: Colors.black,
                width: 85,
                height: 50,
                alignment: Alignment.center,
                child: const AmazingCalendar(
                  textStyle: TextStyle(
                      fontFamily: "Poppins-Regular",
                      fontWeight: FontWeight.bold,
                      color: Colors.white),
                ),
              ),
            ),
            const Center(
              child: SelectableText(
                "\n点击文本以更改日期",
                style: TextStyle(
                    fontSize: 16.0,
                    fontWeight: FontWeight.bold,
                    color: Colors.black),
              ),
            ),
            Container(height: 30),
            const Center(
              child: SelectableText(
                "插件由 Gauthiii's Applications 创建",
                style: TextStyle(
                    fontSize: 16.0,
                    fontWeight: FontWeight.bold,
                    color: Colors.black),
              ),
            ),
            Container(height: 30),
          ],
        ),
      ),
    );
  }
}

// 将十六进制颜色转换为颜色对象
_getColorFromHex(String hexColor) {
  hexColor = hexColor.replaceAll("#", "");
  if (hexColor.length == 6) {
    hexColor = "FF$hexColor";
    return Color(int.parse("0x$hexColor"));
  }

  if (hexColor.length == 8) {
    return Color(int.parse("0x$hexColor"));
  }
}

代码解释

1. 导入必要的库：

   import 'package:flutter/material.dart';
   import 'package:amazing_calendar/amazing_calendar.dart';
   

2. 创建主应用类：

   void main() {
     runApp(const MyApp());
   }
   
   class MyApp extends StatelessWidget {
     const MyApp({super.key});
   
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         debugShowCheckedModeBanner: false,
         title: 'Amazing Calendar',
         theme: ThemeData.dark(),
         home: const MyHomePage(),
       );
     }
   }
   

3. 创建主页类：

   class MyHomePage extends StatefulWidget {
     const MyHomePage({super.key});
   
     @override
     // ignore: library_private_types_in_public_api
     _MyHomePageState createState() => _MyHomePageState();
   }
   

4. 实现主页状态类：

   class _MyHomePageState extends State<MyHomePage> {
     TextEditingController con = TextEditingController();
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           centerTitle: true,
           title: const Text('Amazing Calendar'),
           backgroundColor: Colors.grey[900],
         ),
         backgroundColor: _getColorFromHex("#8E150D"),
         body: Center(
           child: ListView(
             children: [
               Container(height: 50),
               Padding(
                 padding: const EdgeInsets.symmetric(horizontal: 75),
                 child: Container(
                   color: Colors.black,
                   width: 85,
                   height: 50,
                   alignment: Alignment.center,
                   child: const AmazingCalendar(
                     textStyle: TextStyle(
                         fontFamily: "Poppins-Regular",
                         fontWeight: FontWeight.bold,
                         color: Colors.white),
                   ),
                 ),
               ),
               const Center(
                 child: SelectableText(
                   "\n点击文本以更改日期",
                   style: TextStyle(
                       fontSize: 16.0,
                       fontWeight: FontWeight.bold,
                       color: Colors.black),
                 ),
               ),
               Container(height: 30),
               const Center(
                 child: SelectableText(
                   "插件由 Gauthiii's Applications 创建",
                   style: TextStyle(
                       fontSize: 16.0,
                       fontWeight: FontWeight.bold,
                       color: Colors.black),
                 ),
               ),
               Container(height: 30),
             ],
           ),
         ),
       );
     }
   }
   

5. 将十六进制颜色转换为颜色对象：

   _getColorFromHex(String hexColor) {
     hexColor = hexColor.replaceAll("#", "");
     if (hexColor.length == 6) {
       hexColor = "FF$hexColor";
       return Color(int.parse("0x$hexColor"));
     }
   
     if (hexColor.length == 8) {
       return Color(int.parse("0x$hexColor"));
     }
   }