spotube/lib/components/lyrics/zoom_controls.dart
2023-03-05 00:01:03 +06:00

77 lines
2.0 KiB
Dart

import 'package:flutter/material.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:platform_ui/platform_ui.dart';
import 'package:spotube/collections/spotube_icons.dart';
class ZoomControls extends HookWidget {
final int value;
final ValueChanged<int> onChanged;
final int? min;
final int? max;
final int interval;
final Icon increaseIcon;
final Icon decreaseIcon;
final Axis direction;
final String unit;
const ZoomControls({
Key? key,
required this.value,
required this.onChanged,
this.min,
this.max,
this.interval = 10,
this.increaseIcon = const Icon(SpotubeIcons.zoomIn),
this.decreaseIcon = const Icon(SpotubeIcons.zoomOut),
this.direction = Axis.horizontal,
this.unit = "%",
}) : super(key: key);
@override
Widget build(BuildContext context) {
final actions = [
PlatformIconButton(
icon: decreaseIcon,
onPressed: () {
if (value == min) return;
onChanged(value - interval);
},
),
PlatformText("$value$unit"),
PlatformIconButton(
icon: increaseIcon,
onPressed: () {
if (value == max) return;
onChanged(value + interval);
},
),
];
return Container(
decoration: BoxDecoration(
color: PlatformTheme.of(context)
.secondaryBackgroundColor
?.withOpacity(0.7),
borderRadius: BorderRadius.circular(10),
),
constraints:
BoxConstraints(maxHeight: direction == Axis.horizontal ? 50 : 200),
margin: const EdgeInsets.all(8),
child: direction == Axis.horizontal
? Row(
mainAxisAlignment: MainAxisAlignment.end,
mainAxisSize: MainAxisSize.min,
children: actions,
)
: Column(
mainAxisAlignment: MainAxisAlignment.end,
mainAxisSize: MainAxisSize.min,
verticalDirection: VerticalDirection.up,
children: actions,
),
);
}
}