Длительность флаттера

Question

В моем приложении пользователь должен указать продолжительность, я думаю о секундах и минутах.Поэтому после нажатия кнопки мне нужно что-то вроде всплывающего окна, в котором пользователь затем может выбрать продолжительность, прокручивая список и выбирая минуты и секунды (или что-то подобное).

После долгого поиска в интернете я не могу найти шаблон, который делает что-то подобное, и я действительно не хочу кодировать все вручную.Я был бы признателен за ссылку на шаблон и, если нет, может быть, предложения о том, как правильно сделать что-то подобное.

Answer 1

Для этого вы можете использовать пакет flutter_picker .

В следующем фрагменте показан пример, который требует ввода часов и минут от пользователя:

void onTap() {
  Picker(
    adapter: NumberPickerAdapter(data: <NumberPickerColumn>[
      const NumberPickerColumn(begin: 0, end: 999, suffix: Text(' hours')),
      const NumberPickerColumn(begin: 0, end: 60, suffix: Text(' minutes'), jump: 15),
    ]),
    delimiter: <PickerDelimiter>[
      PickerDelimiter(
        child: Container(
          width: 30.0,
          alignment: Alignment.center,
          child: Icon(Icons.more_vert),
        ),
      )
    ],
    hideHeader: true,
    confirmText: 'OK',
    confirmTextStyle: TextStyle(inherit: false, color: Colors.red, fontSize: 22),
    title: const Text('Select duration'),
    selectedTextStyle: TextStyle(color: Colors.blue),
    onConfirm: (Picker picker, List<int> value) {
      // You get your duration here
      Duration _duration = Duration(hours: picker.getSelectedValues()[0], minutes: picker.getSelectedValues()[1]);
    },
  ).showDialog(context);
}