一个 Flutter 小部件库，可以帮助我们选择一周中的几天

日期选择器

一个 Flutter 小部件库，可以帮助我们选择一周中的几天。

截图

用法

将day_picker添加到您的pubspec.yaml文件中。

    flutter:
      sdk: flutter
    day_picker: 1.0.1

导入包

import 'package:day_picker/day_picker.dart';

下面是day_picker的构造函数。

    SelectWeekDays({
    @required this.onSelect,
    this.backgroundColor,
    this.daysFillColor,
    this.daysBorderColor,
    this.selectedDayTextColor,
    this.unSelectedDayTextColor,
    this.border = true,
    this.boxDecoration,
    this.padding = 8.0,
    Key key,
  })  : assert(onSelect != null),
        super(key: key);

这里的示例创建了一个具有以下样式的day_picker（带渐变且无边框）。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Select days in week"),
      ),
      body: Center(
        child: Padding(
          padding: const EdgeInsets.all(8.0),
          child: SelectWeekDays(
            border: false,
            boxDecoration: BoxDecoration(
              borderRadius: BorderRadius.circular(30.0),
              gradient: LinearGradient(
                begin: Alignment.topLeft,
                colors: [const Color(0xFFE55CE4), const Color(0xFFBB75FB)],
                tileMode:
                    TileMode.repeated, // repeats the gradient over the canvas
              ),
            ),
            onSelect: (values) { // <== Callback to handle the selected days
                print(values);
            },
          ),
        ),
      ),
    );

将一个回调传递给onSelect属性，参数类型为List<String>。

示例

void handleOnSelect(List<String> value){
    //TODO: Manipulate the List of days selected
    print(value);
}

自定义

贡献

任何形式的贡献都非常受欢迎！随意分叉并改进day_picker或打开一个问题。

GitHub

https://github.com/shan-shaji/day_picker