marco/recipe_journal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: marco:d2e3b158cb60eb2fcb01f76db48894ade6865857
Branches Tags
marco:main
..
compare: marco:17c92496a928471966d3f9b048386449f0186e03
Branches Tags
marco:main

3 Commits
d2e3b158cb ... 17c92496a9

Author SHA1 Message Date
marco
17c92496a9 fixed bug 2025-02-11 13:13:27 +01:00
marco
8872ec0889 refactored duration picker 2025-02-11 12:06:02 +01:00
marco
c8cc5861ad added duration picker 2025-02-10 23:46:29 +01:00
1 changed files with 262 additions and 0 deletions
Expand all files Collapse all files

262
lib/widgets/duration_picker.dart Normal file
View File

@@ -0,0 +1,262 @@
import 'package:flutter/material.dart';
class DurationPicker extends StatefulWidget {
const DurationPicker({
super.key,
required this.onChangedCallback,
required this.width,
required this.height,
});
final void Function(Duration duration) onChangedCallback;
final double width;
final double height;
@override
State<DurationPicker> createState() => _DurationPickerState();
}
class _DurationPickerState extends State<DurationPicker> {
String _timeString = '';
@override
Widget build(BuildContext context) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
SizedBox(
width: widget.width,
height: widget.height / 4,
child: Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Text(
_timeString.padLeft(4, '0').substring(0, 2),
style: Theme.of(context).textTheme.displayMedium,
),
Padding(padding: EdgeInsets.only(left: 5)),
Text(
'h',
style:
Theme.of(context).textTheme.bodyLarge!.copyWith(height: 2),
),
Padding(padding: EdgeInsets.only(left: 10)),
Text(
_timeString.padLeft(4, '0').substring(2, 4),
style: Theme.of(context).textTheme.displayMedium,
),
Padding(padding: EdgeInsets.only(left: 5)),
Text(
'm',
style:
Theme.of(context).textTheme.bodyLarge!.copyWith(height: 2),
),
],
),
),
Padding(padding: EdgeInsets.only(top: 10)),
Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: () => _addTime(7),
child: _getTextWidget('7'),
),
),
),
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: () => _addTime(8),
child: _getTextWidget('8'),
),
),
),
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: () => _addTime(9),
child: _getTextWidget('9'),
),
),
),
],
),
Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: () => _addTime(4),
child: _getTextWidget('4'),
),
),
),
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: () => _addTime(5),
child: _getTextWidget('5'),
),
),
),
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: () => _addTime(6),
child: _getTextWidget('6'),
),
),
),
],
),
Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: () => _addTime(1),
child: _getTextWidget('1'),
),
),
),
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: () => _addTime(2),
child: _getTextWidget('2'),
),
),
),
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: () => _addTime(3),
child: _getTextWidget('3'),
),
),
),
],
),
Row(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(padding: EdgeInsets.all(0)),
),
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: () => _addTime(0),
child: _getTextWidget('0'),
),
),
),
SizedBox(
width: widget.width / 3,
height: widget.height / 4,
child: Padding(
padding: const EdgeInsets.fromLTRB(8, 0, 8, 8),
child: ElevatedButton(
style: _buttonTheme,
onPressed: _removeTime,
child: Icon(
Icons.backspace,
size: 24,
),
),
),
),
],
),
],
);
}
Text _getTextWidget(String text) {
return Text(text);
}
void _addTime(int time) {
if (_timeString.length >= 4) return;
if (_timeString.isEmpty && time == 0) return;
setState(() {
_timeString += time.toString();
});
widget.onChangedCallback(_duration);
}
void _removeTime() {
if (_timeString.isEmpty) return;
setState(() {
_timeString = _timeString.substring(0, _timeString.length - 1);
});
widget.onChangedCallback(_duration);
}
Duration get _duration {
return Duration(
hours: int.parse(_timeString.padLeft(4, '0').substring(0, 2)),
minutes: int.parse(_timeString.padLeft(4, '0').substring(2, 4)),
);
}
ButtonStyle get _buttonTheme => ElevatedButton.styleFrom(
textStyle: Theme.of(context).textTheme.displaySmall,
);
}