input_slider 0.3.0

A customizable input that synchronizes a Slider and a TextField.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:input_slider/input_slider.dart';
import 'package:input_slider/input_slider_form.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'InputSlider Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage() : super();

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  double _volume = 50;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body:
      Padding(
          padding: const EdgeInsets.all(30.0),
          child: Column(
            children: [
              InputSlider(
                  onChange: (value) {
                    setState(() {
                      _volume = value;
                    });
                  },
                  min: 0.0,
                  max: 100.0,
                  decimalPlaces: 0,
                  defaultValue: _volume,
                  activeSliderColor: Colors.green,
                  inactiveSliderColor: Colors.green[100],
                  leading: Icon(Icons.volume_down)),
              _volumeDisplay(),
              Padding(padding: EdgeInsets.symmetric(vertical: 24), child: Divider(),),
              Expanded(
                child: InputSliderForm(
                  vertical: true,
                  leadingWeight: 1,
                  sliderWeight: 20,
                  activeSliderColor: Colors.red,
                  inactiveSliderColor: Colors.green[100],
                  filled: true,
                  children: [
                    InputSlider(
                      onChange: (value) {
                        print("Setting 1 changed");
                      },
                      min: 0.0,
                      max: 10.0,
                      decimalPlaces: 0,
                      defaultValue: 5.0,
                      leading: Text("Setting 1:"),
                    ),
                    InputSlider(
                      onChange: (value) {
                        print("Setting 2 changed");
                      },
                      min: 0.0,
                      max: 1.0,
                      decimalPlaces: 3,
                      defaultValue: 0.32,
                    ),
                    InputSlider(
                      onChange: (value) {
                        print("Setting 3 changed");
                      },
                      min: 0.0,
                      max: 5.0,
                      decimalPlaces: 1,
                      defaultValue: 4.1,
                        leading: Icon(Icons.perm_data_setting_outlined)
                    ),
                  ],
                ),
              ),
            ],
          )),
    );
  }

  Widget _volumeDisplay() {
    if (_volume < 30) return Text("Turn it up!");
    if (_volume < 70) return Text("Nice volume :-)");
    return Text("Ahhhh! My ears!");
  }
}