Terepbejárás oldalon vonal és terület tulajdonságainak szerkesztése, mentés
This commit is contained in:
@@ -0,0 +1,58 @@
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class LabeledSlider extends StatelessWidget {
|
||||
final String label;
|
||||
final double value;
|
||||
final double min, max;
|
||||
final int? divisions;
|
||||
final String display;
|
||||
final Color color;
|
||||
final ValueChanged<double> onChanged;
|
||||
const LabeledSlider({
|
||||
required this.label,
|
||||
required this.value,
|
||||
required this.min,
|
||||
required this.max,
|
||||
required this.display,
|
||||
required this.color,
|
||||
required this.onChanged,
|
||||
this.divisions,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) => Row(children: [
|
||||
SizedBox(
|
||||
width: 90,
|
||||
child: Text(label,
|
||||
style: TextStyle(fontSize: 13, color: Colors.grey.shade600)),
|
||||
),
|
||||
Expanded(
|
||||
child: SliderTheme(
|
||||
data: SliderTheme.of(context).copyWith(
|
||||
activeTrackColor: color,
|
||||
thumbColor: color,
|
||||
overlayColor: color.withOpacity(0.15),
|
||||
inactiveTrackColor: Colors.grey.shade200,
|
||||
trackHeight: 3.0,
|
||||
thumbShape: const RoundSliderThumbShape(enabledThumbRadius: 8),
|
||||
),
|
||||
child: Slider(
|
||||
value: value.clamp(min, max),
|
||||
min: min,
|
||||
max: max,
|
||||
divisions: divisions,
|
||||
onChanged: onChanged,
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
width: 48,
|
||||
child: Text(display,
|
||||
textAlign: TextAlign.right,
|
||||
style: const TextStyle(
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w500,
|
||||
fontFeatures: [FontFeature.tabularFigures()])),
|
||||
),
|
||||
]);
|
||||
}
|
||||
Reference in New Issue
Block a user