如何实现故事进展视图

loading...


-1

我想知道最好的方法来开发一个 widget/view ,它可以作为 instagram, snapchat stories 工作,如下图所示 . 有Android的许多depndencies,但可以't find any for flutter. I'米思维来使用 carousal/viewpager 不同用户的故事之间移动,但我无法得到如何向后移动,并与进步单个用户的故事(无论是图像或视频)之间的转发栏上方的栏会在进度条完成时自动移动到下一栏 .

loading...

2回答

  • 0

    尝试使用Stack Transform创建自定义ViewPager并使用GestureDetector在页面/故事之间切换 .


  • 0

    不确定您是否还想让用户有机会手动切换到下一张图像 .

    以下是您想要用于动画“故事”的一些基本要素:

    • AnimationController 持续时间取决于故事中的图像数量 . 启动动画以浏览图像并为进度条设置动画 . 动画控制器的范围通常为0.0到1.0 . 假设你有5张图片 . 您将显示从0.0到0.2的第一个图像,从0.2到0.4的第二个图像...
      监听动画控制器的

    • AnimatedBuilder . 动画生成器中的内容将在动画运行时每帧重建 . 在 builder 内部,计算必须显示哪个图像 .

    • CustomPaint 手动绘制包含单个图像部分的进度条 . 将当前动画值和图像数传递给 CustomPainter .

    • Image 小部件绘制图像 .

评论

暂时没有评论!