如何在颤抖中显示更多数字选择器列表?

时间:2019-06-23 10:45:28

标签: flutter dart numberpicker

我用this为我的flutter应用程序开发了一个数字选择器,但它只显示了数字选择器中数字列表的三个元素。我想显示更多元素(例如7),此外,我希望所选元素恰好是中间元素(在我的情况下是3个元素,而后三个元素),应该更改库代码的哪一部分?

当仅更改“ _listViewHeight = 3 * itemExtent”时,在库中,我们看到了我在下图中提到的问题。首先,所选项目不是最大值旁边的中间项目。

enter image description here

2 个答案:

答案 0 :(得分:1)

我遇到了同样的问题,并且在深入研究数字选择器代码并进行了一些更改之后,能够使其在3或更大的奇数显示数字长度下工作。 Here is a diff of the changes I made。这正使用我的repo为我工作。您也可以只将<?php if(isset($_GET["name"])){ echo $_GET["name"]; } ?> 文件从我的仓库中复制到您的项目中并包含该文件。希望在某个时候将其拉入数字选择器项目。下面是我的示例,一次显示7个数字:

lib/numberpicker.dart

enter image description here

并滚动到第一个数字

enter image description here

您可以为NumberPicker.horizontal( initialValue: _currentValue, minValue: 1, maxValue: 10, numberToDisplay: 7, onChanged: (newValue) => setState(() => _currentValue = newValue)); 参数选择一个不同的奇数,例如5

enter image description here

并删除参数将使用默认值3。

enter image description here

更多信息here

答案 1 :(得分:0)

herehere

更改

  _listViewHeight = 3 * itemExtent,

  _listViewHeight =  noOfElements * itemExtent,

其中noOfElements是要显示的元素数。