import 'package:another_xlider/another_xlider.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Sample'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Builder(builder: (context) {
                return TextButton(
                  onPressed: () {
                    Navigator.of(context).push(
                      MaterialPageRoute(
                        builder: (context) => SliderView(),
                      ),
                    );
                  },
                  child:
                      Text('Show Slider View', style: TextStyle(fontSize: 30)),
                );
              }),
            ],
          ),
        ),
      ),
    );
  }
}

class SliderView extends StatefulWidget {
  @override
  _SliderViewState createState() => _SliderViewState();
}

class _SliderViewState extends State<SliderView> {
  double _sliderValue = 0.0;

  @override
  void initState() {
    super.initState();

    // To reproduce the bug,
    // the duration of `delayed` should be less than transition animation's duration (maybe 300ms).
    // For example, this demo uses 1ms.
    Future.delayed(Duration(milliseconds: 1)).then((_) {
      setState(() {
        _sliderValue = 50;
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),
      body: SafeArea(
        child: Center(
          child: FlutterSlider(
            values: [_sliderValue],
            min: 0,
            max: 100,
          ),
        ),
      ),
    );
  }
}