[译] 教你如何用 Flutter 的 GestureDetector 构建自定义滑块

这个控件非常简单，我们接收完成的百分比值，以及正面和背面部分的颜色。主 Container 将背面颜色作为背景，我们将绘制正面部分去覆盖它。它的子节点是 Row，虽然它只包含一个子节点，但我保留了它，方便你添加另一个 Container，它可以显示背面的部分或其中的一些信息（例如，剩余的百分比）。通过从 Container 的总宽度中取相同的百分比，计算并显示已完成百分比的 Container 的 width。

接下来，我们从主要的 App 类开始。

显然，现在我们必须声明 MyHomePage 类，现在这个类应该能够使用我们上面编写的 CustomSlider 控件，并处理手势检测部分，其中用户可以拖动来增加和减少滑块显示的百分比。

这个控件必须是有状态的，因为