我想知道最好的方法来开发一个 widget/view ，它可以作为 instagram, snapchat stories 工作，如下图所示 . 有Android的许多depndencies，但可以't find any for flutter. I'米思维来使用 carousal/viewpager 不同用户的故事之间移动，但我无法得到如何向后移动，并与进步单个用户的故事（无论是图像或视频）之间的转发栏上方的栏会在进度条完成时自动移动到下一栏 .
widget/view
carousal/viewpager
尝试使用Stack Transform创建自定义ViewPager并使用GestureDetector在页面/故事之间切换 .
不确定您是否还想让用户有机会手动切换到下一张图像 .
以下是您想要用于动画“故事”的一些基本要素：
AnimationController 持续时间取决于故事中的图像数量 . 启动动画以浏览图像并为进度条设置动画 . 动画控制器的范围通常为0.0到1.0 . 假设你有5张图片 . 您将显示从0.0到0.2的第一个图像，从0.2到0.4的第二个图像...监听动画控制器的
AnimationController
AnimatedBuilder . 动画生成器中的内容将在动画运行时每帧重建 . 在 builder 内部，计算必须显示哪个图像 .
AnimatedBuilder
builder
CustomPaint 手动绘制包含单个图像部分的进度条 . 将当前动画值和图像数传递给 CustomPainter .
CustomPaint
CustomPainter
Image 小部件绘制图像 .
Image
2 回答
尝试使用Stack Transform创建自定义ViewPager并使用GestureDetector在页面/故事之间切换 .
不确定您是否还想让用户有机会手动切换到下一张图像 .
以下是您想要用于动画“故事”的一些基本要素：
AnimationController持续时间取决于故事中的图像数量 . 启动动画以浏览图像并为进度条设置动画 . 动画控制器的范围通常为0.0到1.0 . 假设你有5张图片 . 您将显示从0.0到0.2的第一个图像，从0.2到0.4的第二个图像...监听动画控制器的
AnimatedBuilder. 动画生成器中的内容将在动画运行时每帧重建 . 在builder内部，计算必须显示哪个图像 .CustomPaint手动绘制包含单个图像部分的进度条 . 将当前动画值和图像数传递给CustomPainter.Image小部件绘制图像 .