Giter Site home page Giter Site logo

horizontal_picker's Introduction

Horizontal Picker

You can select your value on Horizontal Picker while scrolling on items.

Samples

Horizontal Picker - Sample 1

Horizontal Picker - Sample 2

Horizontal Picker - Sample 3

Installation

Installing section

Usage Example

HorizontalPicker(
  minValue: -10,
  maxValue: 50,
  divisions: 600,
  suffix: " cm",
  showCursor: false,
  backgroundColor: Colors.grey.shade900,
  activeItemTextColor: Colors.white,
  passiveItemsTextColor: Colors.amber,
  onChanged: (value) {},
),

horizontal_picker's People

Contributors

hazmo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

horizontal_picker's Issues

"A RenderFlex overflowed" when using > 100cm

Great package!

When I use 'cm' and values greater than 100cm I get an "A RenderFlex overflowed" error.

A temporary fix was to change the font size to 13, however, the text looks small.

Of course, it would be great to fix this but amazing to have more control over the display such as spacing, font sizes etc to have custom layouts.

Wasted padding space

Hi! Thank you for this great package.

I have a small problem with the sizing of the widget. Although I simply use a Column and then directly the `HorizontalPicker, there seems to be a noticeable wasted space (shown in red with a container).

Do you have a fix for this issue ? Thanks !

Container(
  color: Colors.red,
  padding: const EdgeInsets.all(0),
  height: 110,
  child: HorizontalPicker(
    minValue: 0,
    maxValue: product.quantity!.number * 2,
    divisions: 10,
    suffix: ' ' + product.quantity!.unit.suffix,
    activeItemTextColor: Colors.teal,
    cursorColor: Colors.teal,
    passiveItemsTextColor: Colors.grey,
    onChanged: (value) {},
  ),
),

image

HorizAntalPicker class?

The package is written correctly horizontal_picker, but the class is called HorizantalPicker instead of HorizontalPicker

Null Safety ??

Please provide null safety in this package as soon as possible...

Feature request [initialPosition + initialNumber]

It would be amazing to be able to set initialPosition to a number, therefore, enabling the load of an existing number.

Of course, the best option would be to keep start/center/end as currently functioning and add initialNumber to allow setting a specific number.

:-)

package currently

Hi, I am currently a user of your package, and I think I can improve it if you allow me. I will create a fork for you to check and in the end, if you want, you can upload it as an update to your package. Is this okay with you?

SetState on Max value

Hi,
once drawed, SetState does not affect the max value.
I have a variable Max Value, it's a user choice realtime.
Please, there is a workaround for this?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.