import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  double _value = 0.0;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        sliderTheme: const SliderThemeData(
          trackHeight: 32,
          thumbColor: Colors.green,
          // thumbColor: Colors.green.withOpacity(0.5),
          // activeTrackColor: Colors.red.withOpacity(0.5),
          inactiveTrackColor: Colors.amber,
          trackShape: RoundedRectSliderTrackShape(),
        ),
      ),
      home: Scaffold(
        body: Slider(
          value: _value,
          // divisions: 5,
          // label: _value.toStringAsFixed(2),
          // ignore: avoid_redundant_argument_values
          min: 0,
          max: 10,
          onChanged: (double value) {
            setState(() {
              _value = value;
            });
          },
        ),
      ),
    );
  }
}