Flutter：如何在flutter中创建这个可滚动的小部件？

Question

我正在尝试创建一个像使用 flutter 显示的图像一样的设计，中间部分可以左右滚动并设置运动鞋的价格。

有谁知道如何实现这一目标？我尝试过使用滑块，但不是我想要的设计。

Answer 1

你的意思是可滚动的“点”？我不知道是否有任何包，但您可以使用 ListView 和全局键创建类似的东西。

只需创建水平ListView，其中一个项目是“点”列，并为该项目分配一个键。使用 ListView ScrollController 的侦听器并在全局键的帮助下检查中间项。

您可以在此处了解如何获取小部件位置：在 Flutter 上获取容器的“y”位置

您可以获取项目的位置和大小，并将其与屏幕的中间进行比较（或者更好，与 ListView 的中间进行比较 - 您还可以为 ListView 分配一个键并根据其大小计算中间）。

一旦有了中间项目的索引，只需对中间项目及其旁边的项目执行一些更改（更改填充等）即可。