Playing with slider

lib/sandbox.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:comunes_flutter/comunes_flutter.dart';
+import 'slider.dart';
 
 /*
 Useful for debug
@@ -12,11 +13,12 @@ class Sandbox extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+     //showDialog(context: context, child: builder(context));
     return Scaffold(
       body: new CenteredColumn(
         children: <Widget>[
-          new IconButton(
-              icon: new Icon(Icons.favorite), onPressed: () => {}), // l
+          new FireDistanceSlider()
+
         ],
       ),
     );

lib/slider.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+import 'colors.dart';
+import 'package:comunes_flutter/comunes_flutter.dart';
+
+class FireDistanceSlider extends StatefulWidget {
+  @override
+  _FireDistanceSliderState createState() => new _FireDistanceSliderState();
+}
+
+class _FireDistanceSliderState extends State<FireDistanceSlider> {
+  int _discreteValue = 10;
+
+  @override
+  Widget build(BuildContext context) {
+    return new Column(
+      children: <Widget>[
+        new Column(
+          mainAxisSize: MainAxisSize.min,
+          children:
+            listWithoutNulls(<Widget>[
+            new Slider(
+              value: _discreteValue + 0.0,
+              activeColor: fires900,
+              min: 1.0,
+              max: 100.0,
+              divisions: 99,
+              label: '${_discreteValue.round()}',
+              onChanged: (double value) {
+                setState(() {
+                  _discreteValue = value.round();
+                });
+              },
+            ),
+            new Text('Subscribe to $_discreteValue км around this area'),
+            _discreteValue >= 50 ?
+              new Text(
+                'Warning: this is a very large area',
+                style: new TextStyle(color: Colors.orange)
+              ): new Text('')
+          ]),
+        ),
+      ],
+    );
+  }
+}