Flutter日期选择器插件 solar_datepicker 的使用

Solar DatePicker 是一个专门为波斯日历（也称为太阳历、贾拉利历或沙姆西历）设计的日期选择器插件。它允许用户在Flutter应用中选择符合波斯日历的日期。

截图展示

示例代码

下面是一个完整的示例，展示了如何在Flutter项目中集成和使用solar_datepicker插件：

添加依赖

首先，在你的pubspec.yaml文件中添加solar_datepicker依赖：

dependencies:
  flutter:
    sdk: flutter
  solar_datepicker: ^latest_version # 替换为最新版本号
  flutter_localizations:
    sdk: flutter

然后运行flutter pub get来安装依赖。

完整示例 Demo

以下是完整的示例代码：

import 'package:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'package:solar_datepicker/solar_datepicker.dart'; // 导入solar_datepicker包

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Solar DatePicker Demo',
      localizationsDelegates: [
        GlobalMaterialLocalizations.delegate,
        DefaultWidgetsLocalizations.delegate,
      ],
      supportedLocales: [
        const Locale('fa', 'IR'), // 波斯语 - 伊朗
      ],
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Solar DatePicker Demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({
    Key? key,
    required this.title,
  }) : super(key: key);
  final String title;

  [@override](/user/override)
    _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  DateTime? pickedDate;

  String? getDateStr() {
    if (pickedDate == null) {
      return null;
    }
    final f = Jalali.fromDateTime(pickedDate!).formatter;
    return '${f.yyyy}/${f.mm}/${f.dd}';
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Container(
        alignment: Alignment.center,
        child: ElevatedButton(
          child: Text(getDateStr() ?? '点击以选择日期'),
          onPressed: () async {
            final picked = await showSolarDatePicker(
              context: context,
              textDirection: TextDirection.rtl,
              initialDate: pickedDate ?? DateTime.now(),
              locale: Locale('fa', 'IR'),
              firstDate: DateTime.now().subtract(Duration(days: 100 * 365)),
              lastDate: DateTime.now(),
              isPersian: true,
              headerContentColor: Colors.white,
              initialDatePickerMode: SolarDatePickerMode.year,
            );
            if (picked != null) {
              setState(() {
                pickedDate = picked;
              });
            }
          },
        ),
      ),
    );
  }
}