如何在flutter中实现stories进度视图
How to implement stories progress view in flutter
我想知道最好的方法来开发一个 widget/view 可以用作 instagram，snapchat stories，如下图所示。 android 有很多依赖项，但找不到 flutter 的依赖项。
我正在考虑使用 carousal/viewpager 在不同用户的故事之间移动，但我无法了解如何在进度条位于单个用户（图像或视频）的故事之间前后移动当进度条完成时，它会自动移动到下一个。
尝试创建自定义 ViewPager perhaps using Stack + Transform and use GestureDetector 以在 pages/stories 之间切换。
不确定您是否也想让用户有机会手动切换到下一张图片。
以下是您想要用于动画的一些基本成分"story"：
AnimationController 持续时间取决于故事中的图像数量。启动动画以浏览图像并为进度条设置动画。动画控制器通常具有从 0.0 到 1.0 的范围。假设您有 5 张图片。您将显示从 0.0 到 0.2 的第一张图像，从 0.2 到 0.4 的第二张图像...AnimatedBuilder 即监听动画控制器。动画构建器中的内容将在动画运行时每帧重建。在 builder 内，计算必须显示的图像。CustomPaint 为单个图像手动绘制带有部分的进度条。将当前动画值和图像数量传递给您的 CustomPainter.Image 绘制图像的小部件。
我知道这个问题已经问了很长时间了，但是对于那些仍然问同样问题的人，你可以使用这个库：https://pub.dev/packages/story_view 或者查看它的源代码来实现同样的事情。
我想知道最好的方法来开发一个 widget/view 可以用作 instagram，snapchat stories，如下图所示。 android 有很多依赖项，但找不到 flutter 的依赖项。
我正在考虑使用 carousal/viewpager 在不同用户的故事之间移动，但我无法了解如何在进度条位于单个用户（图像或视频）的故事之间前后移动当进度条完成时，它会自动移动到下一个。
尝试创建自定义 ViewPager perhaps using Stack + Transform and use GestureDetector 以在 pages/stories 之间切换。
不确定您是否也想让用户有机会手动切换到下一张图片。
以下是您想要用于动画的一些基本成分"story"：
AnimationController持续时间取决于故事中的图像数量。启动动画以浏览图像并为进度条设置动画。动画控制器通常具有从 0.0 到 1.0 的范围。假设您有 5 张图片。您将显示从 0.0 到 0.2 的第一张图像，从 0.2 到 0.4 的第二张图像...AnimatedBuilder即监听动画控制器。动画构建器中的内容将在动画运行时每帧重建。在builder内，计算必须显示的图像。CustomPaint为单个图像手动绘制带有部分的进度条。将当前动画值和图像数量传递给您的CustomPainter.Image绘制图像的小部件。
我知道这个问题已经问了很长时间了，但是对于那些仍然问同样问题的人，你可以使用这个库：https://pub.dev/packages/story_view 或者查看它的源代码来实现同样的事情。