你如何在 Flutter 中制作水平数字选择器小部件？

Question

I want to make a horizontal number picker as shown in the image below:

I tried using horizontal listview and pageview widgets but couldn't do it. I've even tried using some GitHub addons such as NumberPicker and Carousel but they don't show the number's on the side.

Thank you!

Answer 1

Please look into [this] : https://github.com/andrezanna/NumberPicker

This has all type of number picker.

Answer 2

In NumberPicker you can see the sample code

example:

      new NumberPicker.integer(
                initialValue: _currentValue,
                minValue: 0,
                maxValue: 100,
                onChanged: (newValue) =>
                    setState(() => _currentValue = newValue)),
            new Text("Current number: $_currentValue"),

Just Change NumberPicker.Integer into NumberPicker.horizontal and it will work.