Во Flutter доступно несколько пакетов, которые помогут вам реализовать функцию выбора временного диапазона для утра, дня и вечера. Эти пакеты предоставляют готовые к использованию компоненты и утилиты, упрощающие процесс. В этой статье мы рассмотрим некоторые из этих пакетов и предоставим примеры кода для каждого метода.

1. Пакет flutter_time_picker_spinner:
   Пакет «flutter_time_picker_spinner» позволяет вам выбирать время из интерфейса, похожего на счетчик. Вот пример его использования:

import 'package:flutter_time_picker_spinner/flutter_time_picker_spinner.dart';
TimeOfDay selectedTime = TimeOfDay.now();
TimePickerSpinner(
  is24HourMode: false,
  normalTextStyle: TextStyle(fontSize: 24, color: Colors.deepOrange),
  highlightedTextStyle: TextStyle(fontSize: 24, color: Colors.yellow),
  spacing: 50,
  itemHeight: 80,
  isForce2Digits: true,
  onTimeChange: (time) {
    setState(() {
      selectedTime = time;
    });
  },
);

2. Пакет flutter_cupertino_date_picker:
   Пакет «flutter_cupertino_date_picker» предоставляет средство выбора даты в стиле Купертино для выбора временных диапазонов. Вот пример:

import 'package:flutter_cupertino_date_picker/flutter_cupertino_date_picker.dart';
DateTime selectedDate = DateTime.now();
CupertinoDatePicker(
  mode: CupertinoDatePickerMode.time,
  onDateTimeChanged: (date) {
    setState(() {
      selectedDate = date;
    });
  },
);

3. Пакет flutter_datetime_picker:
   Пакет «flutter_datetime_picker» — это еще один вариант выбора временных диапазонов во Flutter. Он предоставляет различные режимы выбора даты и времени. Вот пример:

import 'package:flutter_datetime_picker/flutter_datetime_picker.dart';
String selectedTime = '';
FlatButton(
  onPressed: () {
    DatePicker.showTimePicker(
      context,
      showSecondsColumn: false,
      currentTime: DateTime.now(),
      onChanged: (time) {
        setState(() {
          selectedTime = time.toString();
        });
      },
    );
  },
  child: Text('Select Time'),
);

4. Индивидуальная реализация:
   Если вы предпочитаете более индивидуальный подход, вы можете создать собственный виджет выбора временного диапазона. Для этого вы можете использовать встроенные компоненты Flutter, такие как Slider, DropdownButton или специально разработанные виджеты.

В этой статье мы рассмотрели несколько пакетов Flutter, которые можно использовать для реализации выбора временного диапазона для утра, дня и вечера. Мы предоставили примеры кода для каждого метода, включая такие пакеты, как «flutter_time_picker_spinner», «flutter_cupertino_date_picker» и «flutter_datetime_picker». Кроме того, мы упомянули возможность создания собственной реализации на основе ваших конкретных требований. С помощью этих пакетов и примеров вы можете улучшить свои приложения Flutter с помощью интуитивно понятных возможностей выбора временного диапазона.