A customisable height slider for Flutter.

Overview

Height Slider Widget for Flutter

Pub Version License: MIT

Demo

height slider

🚀 Usage

class _MyHomePageState extends State<MyHomePage> {
  int height = 170;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: HeightSlider(
          height: height,
          onChange: (val) => setState(() => height = val),
          unit: 'cm', // optional
        ),
      ),
    );
  }
}

You can also use your own person SVG, by passing the path through the parameter personImagePath.

📝 License

This project is MIT licensed.

You might also like...

A customizable circular slider for Flutter.

A customizable circular slider for Flutter.

flutter_circular_slider A customizable circular slider for Flutter. Getting Started Installation Basic Usage Constructor Use Cases Installation Add fl

Nov 14, 2022

A customizable carousel slider for Flutter. Supports infinite sliding, custom indicators, and custom animations with many pre-built indicators and animations.

A customizable carousel slider for Flutter. Supports infinite sliding, custom indicators, and custom animations with many pre-built indicators and animations.

Flutter Carousel Slider A customizable carousel slider for flutter Screenshots Installing dependencies: flutter_carousel_slider: ^1.0.8 Demo Demo a

Nov 6, 2022

Card-slider-flutter - Implementation of swipeable image cards with dot indicators

Card-slider-flutter - Implementation of swipeable image cards with dot indicators

card_slider A new Flutter project. Getting Started This project is a starting po

Sep 17, 2022

Practice building basic animations in apps along with managing app state by BLoC State Management, Flutter Slider.

Practice building basic animations in apps along with managing app state by BLoC State Management including: Cubit & Animation Widget, Flutter Slider.

Jun 8, 2022

It's a universal app template to have a great animated splash screen and liquid slider. Just change the animation if you want (rive) and change the images or colours according to your app.

liquid A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this i

Oct 7, 2022

An introduction slider has some screens that can use to describe your application.

An introduction slider has some screens that can use to describe your application.

An introduction slider has some screens that can use to describe your application. You can describe your application's title, description, logo, etc. It comes with several features.

Dec 7, 2022

🆙🚀 Flutter application upgrade/ Flutter App Upgrade /Flutter App Update/Flutter Update / download Plug-in

🆙🚀  Flutter application upgrade/ Flutter App Upgrade /Flutter App Update/Flutter Update / download Plug-in

🆙🚀 Flutter application upgrade/ Flutter App Upgrade /Flutter App Update/Flutter Update / download Plug-in (with notice bar progress), supports full upgrade, hot update and incremental upgrade

Dec 30, 2022

ABC of Flutter widgets. Intended for super beginners at Flutter. Play with 35+ examples in DartPad directly and get familiar with various basic widgets in Flutter

ABC of Flutter widgets. Intended for super beginners at Flutter. Play with 35+ examples in DartPad directly and get familiar with various basic widgets in Flutter

Basic Widgets Examples This is aimed for complete beginners in Flutter, to get them acquainted with the various basic widgets in Flutter. Run this pro

Jan 3, 2023

Minha primeira aplicação android utilizando Flutter feito no curso de Flutter da Cod3r Cursos Online. O foco dessa aplicação foi um contato inicial com o Flutter.

Minha primeira aplicação android utilizando Flutter feito no curso de Flutter da Cod3r Cursos Online. O foco dessa aplicação foi um contato inicial com o Flutter.

expenses Expenses é uma aplicação android simples feita em Flutter para controlar despesas pessoais. A aplicação consiste em: Listar transações feitas

Apr 19, 2022
Comments
  • null-safety upgrade?

    null-safety upgrade?

    Hi there! I love your packages height slider and weight slider and I have a project using them. Now I think I need to migrate to flutter 2.0 soon. So I wanna ask your packages to migrate to null-safety also please.

    Thanks a lot!

    opened by aconitine 2
  • flutter pub add fails.

    flutter pub add fails.

    Terminal Command: flutter pub add height_slider Terminal output : Because height_slider >=1.4.0-nullsafety depends on flutter_svg ^0.21.0-nullsafety.0 and height_slider <1.2.0 depends on flutter_svg ^0.15.0, height_slider <1.2.0-∞ or >=1.4.0-nullsafety requires flutter_svg ^0.15.0 or ^0.21.0-nullsafety.0. And because height_slider >=1.2.0 <1.3.0 depends on flutter_svg ^0.17.4, height_slider <1.3.0-∞ or >=1.4.0-nullsafety requires flutter_svg ^0.15.0 or ^0.17.4 or ^0.21.0-nullsafety.0. And because height_slider >=1.3.0 <1.3.2 depends on flutter_svg ^0.19.1 and height_slider >=1.3.2 <1.4.0-nullsafety depends on flutter_svg ^0.19.3, every version of height_slider requires flutter_svg ^0.15.0 or ^0.17.4 or >=0.19.1 <0.20.0 or ^0.21.0-nullsafety.0. So, because demo_app depends on both flutter_svg ^1.1.5 and height_slider any, version solving failed.

    opened by Tejas-MD 0
Releases(1.4.0-nullsafety+1)
Owner
Coval Solutions
Coval Solutions
MindInventory 15 Sep 5, 2022
Flutter custom carousel slider - A carousel slider widget,support custom decoration suitable for news and blog

flutter_custom_carousel_slider A carousel slider Flutter widget, supports custom

Emre 40 Dec 29, 2022
A Flutter slidable widget that provides an easy to use configuration. Highly customisable. Just as you want it!

A Flutter slidable widget that provides an easy to use configuration. Highly customisable. Just as you want it!

Ravi Kavaiya 89 Dec 8, 2022
Clean, beautiful and customisable calendar package for flutter

Word from creator Hello ?? , Yeah I know Clean calendar is still very new, but don't be put off by it because it will be well-maintained for a very, v

Deepanshu Chaudhary 8 Dec 15, 2022
A highly customisable and simple widget for having iOS 13 style tab bars.

cupertino_tabbar A highly customisable and simple widget for having iOS 13 style tab bars. It is highly recommended to read the documentation and run

AliYigitBireroglu 98 Oct 31, 2022
Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider.

DrawApp Sample Flutter Drawing App which allows the user to draw onto the canvas along with color picker and brush thickness slider. All code free to

Jake Gough 226 Nov 3, 2022
Slider Master Animation Flutter Dart

Flutter-animated-Slider ?? ?? untitled.1.mp4 Firt you need to add this in pub yamel : dependencies: carousel_slider: ^4.0.0 Finally import 'package

Hmida 8 Sep 10, 2022
The component created with Flutter using Dart programming language, inspired in Fluid Slider by Ramotion.

Fluid Slider Flutter The component created with Flutter using Dart programming language, inspired in Fluid Slider by Ramotion. About The component was

Wilton Neto 41 Sep 30, 2022
A customizable carousel slider widget in Flutter which supports inifinte scrolling, auto scrolling, custom child widget, custom animations and built-in indicators.

flutter_carousel_widget A customizable carousel slider widget in Flutter. Features Infinite Scroll Custom Child Widget Auto Play Horizontal and Vertic

NIKHIL RAJPUT 7 Nov 26, 2022
Flutter Slider 🎚 + Emojis 🌻 = 💙

Slidermoji Flutter Slider ??️ + Emojis ?? = ?? About Example showcasing the use of Emojis in Slider Widget. Dependencies demoji Contributing Feel free

null 17 Mar 12, 2021