Flutter平台日期选择器插件show_platform_date_picker的使用

ShowPlatformDatePicker 是 showDatePicker 和 CupertinoDatePicker 方法的一个极简包装，允许开发者根据当前平台（Android 或 iOS）显示合适的日期选择器。

ShowPlatformDatePicker 类接受一些参数，如 BuildContext、initialDate、firstDate 和 lastDate，并提供一个方法 showPlatformDatePicker，该方法处理基于平台显示合适日期选择器的逻辑。showPlatformDatePicker 方法返回一个 Future<DateTime?>，表示用户所选的日期。

通过使用像 ShowPlatformDatePicker 这样的包装器，开发者可以简化显示特定于平台的小部件的过程，从而提高用户体验并使代码更易于维护。

特性

• ✅ 显示 iOS 风格的日期选择器
• ✅ 显示 Android 风格的日期选择器

使用

final ShowPlatformDatePicker platformDatePicker = ShowPlatformDatePicker(buildContext: context);

final newSelectedDateTime = await platformDatePicker.showPlatformDatePicker(
  context,
  selectedDate,
  DateTime(1900),
  DateTime.now().add(Duration(days: 3650)),
);

完整示例

以下是一个完整的示例，展示了如何在 Flutter 应用程序中使用 ShowPlatformDatePicker 插件。

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

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Platform Date Picker',
      theme: ThemeData(
        useMaterial3: true,
        colorSchemeSeed: Colors.deepPurple,
      ),
      home: const MyHomePage(title: 'Agnostic Date Picker'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  DateTime selectedDate = DateTime.now();

  [@override](/user/override)
  Widget build(BuildContext context) {
    final ShowPlatformDatePicker platformDatePicker = ShowPlatformDatePicker(buildContext: context);
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextButton(
              onPressed: () async {
                final newSelectedDateTime = await platformDatePicker.showPlatformDatePicker(
                  context,
                  selectedDate,
                  DateTime(1900),
                  DateTime.now().add(Duration(days: 3650)),
                );
                setState(() {
                  selectedDate = newSelectedDateTime ?? DateTime.now();
                });
              },
              child: Text('Date: $selectedDate'),
            ),
          ],
        ),
      ),
    );
  }
}