Added displayValues attribute to Slider and RangeSlider - choose which values to display under the slider

Author: danvick

example/lib/main.dart

@@ -208,6 +208,7 @@ class MyHomePageState extends State<MyHomePage> {
                     decoration: const InputDecoration(
                       labelText: 'Number of things',
                     ),
+                    displayValues: DisplayValues.current,
                   ),
                   SizedBox(height: 15),
                   FormBuilderRangeSlider(
@@ -223,6 +224,7 @@ class MyHomePageState extends State<MyHomePage> {
                     decoration: const InputDecoration(
                       labelText: 'Price Range',
                     ),
+                    displayValues: DisplayValues.minMax,
                   ),
                   SizedBox(height: 15),
                   FormBuilderCheckbox(
@@ -233,9 +235,7 @@ class MyHomePageState extends State<MyHomePage> {
                     label: RichText(
                       text: TextSpan(
                         children: [
-                          TextSpan(
-                            text: 'I have read and agree to the ',
-                          ),
+                          TextSpan(text: 'I have read and agree to the '),
                           TextSpan(
                             text: 'Terms and Conditions',
                             style: TextStyle(color: Colors.blue),

lib/src/fields/form_builder_range_slider.dart

@@ -20,6 +20,7 @@ class FormBuilderRangeSlider extends StatefulWidget {
   final RangeLabels labels;
   final RangeSemanticFormatterCallback semanticFormatterCallback;
   final FormFieldSetter onSaved;
+  final DisplayValues displayValues;
 
   FormBuilderRangeSlider({
     Key key,
@@ -40,6 +41,7 @@ class FormBuilderRangeSlider extends StatefulWidget {
     this.labels,
     this.semanticFormatterCallback,
     this.onSaved,
+    this.displayValues = DisplayValues.all,
   }) : super(key: key);
 
   @override
@@ -124,11 +126,15 @@ class _FormBuilderRangeSliderState extends State<FormBuilderRangeSlider> {
                         },
                 ),
                 Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: <Widget>[
-                    Text('${widget.min}'),
-                    Text('${field.value.start}   -   ${field.value.end}'),
-                    Text('${widget.max}'),
+                    if (widget.displayValues != DisplayValues.none && widget.displayValues != DisplayValues.current)
+                      Text('${widget.min}'),
+                    Spacer(),
+                    if (widget.displayValues != DisplayValues.none && widget.displayValues != DisplayValues.minMax)
+                      Text('${field.value.start}   -   ${field.value.end}'),
+                    Spacer(),
+                    if (widget.displayValues != DisplayValues.none && widget.displayValues != DisplayValues.current)
+                      Text('${widget.max}'),
                   ],
                 ),
               ],

lib/src/fields/form_builder_slider.dart

@@ -3,6 +3,8 @@ import 'package:flutter/widgets.dart';
 import 'package:flutter_form_builder/flutter_form_builder.dart';
 import 'package:intl/intl.dart';
 
+enum DisplayValues { all, current, minMax, none }
+
 class FormBuilderSlider extends StatefulWidget {
   final String attribute;
   final List<FormFieldValidator> validators;
@@ -23,6 +25,7 @@ class FormBuilderSlider extends StatefulWidget {
   final SemanticFormatterCallback semanticFormatterCallback;
   final NumberFormat numberFormat;
   final FormFieldSetter onSaved;
+  final DisplayValues displayValues;
 
   FormBuilderSlider({
     Key key,
@@ -44,6 +47,7 @@ class FormBuilderSlider extends StatefulWidget {
     this.semanticFormatterCallback,
     this.numberFormat,
     this.onSaved,
+    this.displayValues = DisplayValues.all,
   }) : super(key: key);
 
   @override
@@ -128,11 +132,18 @@ class _FormBuilderSliderState extends State<FormBuilderSlider> {
                         },
                 ),
                 Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                   children: <Widget>[
-                    Text(_numberFormat.format(widget.min)),
-                    Text(_numberFormat.format(field.value)),
-                    Text(_numberFormat.format(widget.max)),
+                    if (widget.displayValues != DisplayValues.none &&
+                        widget.displayValues != DisplayValues.current)
+                      Text('${widget.min}'),
+                    Spacer(),
+                    if (widget.displayValues != DisplayValues.none &&
+                        widget.displayValues != DisplayValues.minMax)
+                      Text('${field.value}'),
+                    Spacer(),
+                    if (widget.displayValues != DisplayValues.none &&
+                        widget.displayValues != DisplayValues.current)
+                      Text('${widget.max}'),
                   ],
                 ),
               ],