import 'package:flutter/material.dart';

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SliderExample(),
    );
  }
}

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

  @override
  State<SliderExample> createState() => _SliderExampleState();
}

class _SliderExampleState extends State<SliderExample> {
  double _currentDiscreteSliderValue = 2;
  double _currentDiscreteSliderValue2 = 2;
  double _currentDiscreteSliderValue3 = 2;
  double _currentDiscreteSliderValue4 = 2;
  double _currentDiscreteSliderValue5 = 2;
  double _currentDiscreteSliderValue6 = 2;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey,
      appBar: AppBar(title: const Text('Slider')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Text('year2023: true or null'),
            Text('.   Oneline'),
            Slider(
              value: _currentDiscreteSliderValue2,
              max: 5,
              divisions: 4,
              label: _currentDiscreteSliderValue2.toString(),
              onChanged: (double value) {
                setState(() {
                  _currentDiscreteSliderValue2 = value;
                });
              },
            ),
            Text('.   Multiline'),
            Slider(
              value: _currentDiscreteSliderValue,
              max: 5,
              divisions: 4,
              label:
                  "${_currentDiscreteSliderValue.toString()}\nFirst Line\nSecond line\nThird line\nFourth line\nFifth line",
              onChanged: (double value) {
                setState(() {
                  _currentDiscreteSliderValue = value;
                });
              },
            ),
            Text('.   Multiline with maxLines'),
            Theme(
              data: ThemeData(
                sliderTheme: SliderThemeData(
                  valueIndicatorMultilineConfig: ValueIndicatorMultilineConfig(
                    maxLines: 3,
                    cornerPadding: 64,
                  ),
                ),
              ),
              child: Slider(
                value: _currentDiscreteSliderValue5,
                max: 5,
                divisions: 4,
                label:
                    "${_currentDiscreteSliderValue5.toString()}\nFirst Line\nSecond line\nThird line\nFourth line\nFifth line",
                onChanged: (double value) {
                  setState(() {
                    _currentDiscreteSliderValue5 = value;
                  });
                },
              ),
            ),
            Text('year2023: false'),
            Text('.   Oneline'),
            Slider(
              value: _currentDiscreteSliderValue4,
              max: 5,
              year2023: false,
              divisions: 4,
              label: _currentDiscreteSliderValue4.toString(),
              onChanged: (double value) {
                setState(() {
                  _currentDiscreteSliderValue4 = value;
                });
              },
            ),
            Text('.   Multiline'),
            Slider(
              value: _currentDiscreteSliderValue3,
              max: 5,
              year2023: false,
              divisions: 4,
              label:
                  "${_currentDiscreteSliderValue3.toString()}\nFirst Line\nSecond line\nThird line\nFourth line\nFifth line",
              onChanged: (double value) {
                setState(() {
                  _currentDiscreteSliderValue3 = value;
                });
              },
            ),
            Text('.   Multiline with maxLines'),
            Theme(
              data: ThemeData(
                sliderTheme: SliderThemeData(
                  valueIndicatorMultilineConfig: ValueIndicatorMultilineConfig(
                    maxLines: 3,
                    cornerPadding: 64,
                  ),
                ),
              ),
              child: Slider(
                value: _currentDiscreteSliderValue6,
                max: 5,
                year2023: false,
                divisions: 4,
                label:
                    "${_currentDiscreteSliderValue6.toString()}\nFirst Line\nSecond line\nThird line\nFourth line\nFifth line",
                onChanged: (double value) {
                  setState(() {
                    _currentDiscreteSliderValue6 = value;
                  });
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}