import 'package:flutter/material.dart';

void main() {
  runApp(const MainApp());
}

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: Scaffold(
        body: Center(
          child: SliderBug(),
        ),
      ),
    );
  }
}

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

  @override
  State<SliderBug> createState() => _SliderBugState();
}

class _SliderBugState extends State<SliderBug> {
  double sliderValue = 10;
  final double minValue = 2;
  final double maxValue = 12;
  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text('${sliderValue.round()}'),
        Slider(
          min: 2,
          max: 12,
          divisions: (maxValue - minValue).round(),
          value: sliderValue,
          onChanged: (value) {
            print('onChanged');
            setState(() {
              sliderValue = value;
            });
          },
        ),
      ],
    );
  }
}