如何在颤动中创建年龄范围滑块?

rus*_*ips 0 flutter flutter-layout

有人知道如何在颤动中创建年龄范围滑块吗?一个具有两个输入值的滑块。有点像Tinder必须选择最小和最大年龄。具有两个输入字段的滑块

boe*_*edi 7

由于我的一项开发也需要此小部件,因此我决定进行开发。

这是结果

在此处输入图片说明

源代码可以在GitHub找到

关于此链接的完整说明


Man*_*ans 3

您正在寻找的是滑块小部件。我认为离散滑块最适合您想要实现的目标。

您应该看一下Flutter Gallery 应用程序,其中包含许多小部件的示例以及可以在其GitHub 存储库中找到的源代码。

从他们的Slider Demo中查看他们的代码,我发现这个示例可能适合您的需求:

new Slider(
                  value: _discreteValue,
                  min: 0.0,
                  max: 100.0,
                  divisions: 5,
                  label: '${_discreteValue.round()}',
                  onChanged: (double value) {
                    setState(() {
                      _discreteValue = value;
                    });
                  },
                ),
                const Text('Discrete'),
              ],
            )
Run Code Online (Sandbox Code Playgroud)

当然,您需要调整此代码以更好地满足您的需求,但希望它能让您朝着正确的方向开始。

如果您有任何疑问,请告诉我!