Flutter时间间隔管理插件time_intervals的使用

Flutter时间间隔管理插件time_intervals的使用

此插件可以创建一个时间间隔列表，该列表包含从某个时间段到另一个时间段的时间间隔。这意味着它可以创建时间间隔或将时间分割为更小的时间段。

特性

1. 可以获取时间间隔的列表。
2. 可以获取以 TimeOfDay 格式表示的时间间隔。
3. 包含空安全功能。

开始使用

要使用此插件，您必须有以下内容：

• 起始时间（以 TimeOfDay 表示）
• 结束时间（以 TimeOfDay 表示）
• 午餐时间开始时间（以 TimeOfDay 表示）
• 午餐时间结束时间（以 TimeOfDay 表示）
• 时间间隔（以 int 表示）

然后只需调用 generateTimeIntervals 方法即可。

使用方法

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

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

class _MyHomePageState extends State<MyHomePage> {
  List<Map<String, Time>>? timing;

  // --- 服务时间 ---
  Time _openingTime = const Time(hour: 08, minute: 00);
  Time _closingTime = const Time(hour: 16, minute: 00);
  Time _lunchTimeFrom = const Time(hour: 13, minute: 00);
  Time _lunchTimeTo = const Time(hour: 14, minute: 00);
  int _avgTime = 10;

  [@override](/user/override)
  void initState() {
    // TODO: 实现 initState
    getIntervalOfServices();
    super.initState();
  }

  void getIntervalOfServices() {
    timing = generateTimeIntervals(
      avgTime: _avgTime,
      closingTime: _closingTime,
      openingTime: _openingTime,
      lunchTimeFrom: _lunchTimeFrom,
      lunchTimeTo: _lunchTimeTo,
    );
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('时间间隔管理')),
      body: Container(
        width: double.infinity,
        height: 200,
        padding: const EdgeInsets.symmetric(vertical: 8.0),
        decoration: const BoxDecoration(
          color: Colors.white,
          boxShadow: [
            BoxShadow(
              offset: Offset(0.0, 2.5),
              blurRadius: 3.5,
              color: Colors.black54,
            )
          ],
        ),
        child: GridView.builder(
          itemCount: timing?.length ?? 0,
          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 4,
            crossAxisSpacing: 0.5,
            mainAxisSpacing: 0.5,
            childAspectRatio: 2.5,
          ),
          scrollDirection: Axis.vertical,
          itemBuilder: (context, index) => Chip(
            label: Text(
              "${timing?[index]?["from"]?.format(context)}-${timing?[index]?["to"]?.format(context)}",
              style: const TextStyle(fontSize: 8.0),
            ),
            padding: const EdgeInsets.only(left: 0, right: 0),
            elevation: 1.5,
            backgroundColor: const Color.fromARGB(133, 237, 236, 236),
          ),
        ),
      ),
    );
  }
}