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

A Flutter包，灵感来源于Android的Holo主题。

该插件是基于flutter_cupertino_date_picker包的日期选择器的一个克隆版本，仅作了一些小调整。

开始使用

这个插件展示了灵感来源于Android Holo主题的日期选择器。 请参阅示例以了解简单用法。

截图

支持的语言

• 英语（美国）
• 简体中文
• 葡萄牙语（巴西）
• 西班牙语
• 罗马尼亚语
• 孟加拉语
• 阿拉伯语
• 日语
• 俄语
• 德语
• 韩语
• 意大利语
• 匈牙利语
• 希伯来语
• 印度尼西亚语
• 土耳其语
• 挪威语
• 法语
• 泰语
• 立陶宛语
• 荷兰语
• 海地克里奥尔语
• 瑞典语
• 捷克语
• 波兰语

完整示例代码

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // 这个widget是应用的根
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: '示例',
      theme: ThemeData(primarySwatch: Colors.blue),
      home: Scaffold(
        appBar: AppBar(
          title: Text('Holo 日期选择器示例'),
        ),
        body: MyHomePage(),
      ),
      debugShowCheckedModeBanner: false,
    );
  }
}

class MyHomePage extends StatelessWidget {
  Widget build(BuildContext context) {
    return Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          ElevatedButton(
            child: Text("打开选择器对话框"),
            onPressed: () async {
              var datePicked = await DatePicker.showSimpleDatePicker(
                context,
                initialDate: DateTime(1994),
                firstDate: DateTime(1960),
                lastDate: DateTime(2012),
                dateFormat: "dd-MMMM-yyyy",
                locale: DateTimePickerLocale.th,
                looping: true,
              );

              final snackBar = SnackBar(content: Text("选择的日期 $datePicked"));
              ScaffoldMessenger.of(context).showSnackBar(snackBar);
            },
          ),
          ElevatedButton(
            child: Text("显示选择器小部件"),
            onPressed: () {
              Navigator.push(
                  context, MaterialPageRoute(builder: (_) => WidgetPage()));
            },
          )
        ],
      ),
    );
  }
}

class WidgetPage extends StatefulWidget {
  [@override](/user/override)
  _WidgetPageState createState() => _WidgetPageState();
}

class _WidgetPageState extends State<WidgetPage> {
  DateTime? _selectedDate;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Container(
          decoration: BoxDecoration(
            gradient: LinearGradient(
              begin: FractionalOffset.topCenter,
              end: FractionalOffset.bottomCenter,
              colors: [
                Colors.grey[900]!,
                Colors.black,
              ],
              stops: const [0.7, 1.0],
            ),
          ),
          child: Center(
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: [
                Container(
                  padding: const EdgeInsets.symmetric(horizontal: 25),
                  child: DatePickerWidget(
                    looping: false, // 默认不循环
                    firstDate: DateTime.now(), // DateTime(1960),
                    // lastDate: DateTime(2002, 1, 1),
                    // initialDate: DateTime.now(), // DateTime(1994),
                    dateFormat: "dd/MMMM/yyyy",
                    locale: DatePicker.localeFromString('th'),
                    onChange: (DateTime newDate, _) {
                      setState(() {
                        _selectedDate = newDate;
                      });
                      print(_selectedDate);
                    },
                    pickerTheme: DateTimePickerTheme(
                      backgroundColor: Colors.transparent,
                      itemTextStyle: TextStyle(color: Colors.white, fontSize: 19),
                      dividerColor: Colors.white,
                    ),
                  ),
                ),
                Text("${_selectedDate ?? ''}"),
              ],
            ),
          ),
        ),
      ),
    );
  }
}