Flutter Gallery 图片全屏可缩放

Question

我正在构建一个显示产品的 Flutter 应用。现在，在产品详细信息页面中，我使用 http 包获取产品数据以及产品图像作为 URL。

我的问题是向用户展示产品图片的最佳方式是什么？我在 Google 上搜索了类似或接近网络灯箱的 Flutter 包，但找不到。

有什么建议吗？

Answer 1

在您的详细信息页面中:

在 Image 小部件中使用 ListView 显示图像，缩略图的宽度/高度可能为 60x60。

点击图片 -> 推送一个包含滑动条的新页面。在推送时，您应该提供项目列表和当前选择的项目。稍后还会检查 Hero 小部件以在这些页面之间平滑过渡。

图片全屏页面:

放置一个 PageView 小部件。在 itemBuilder 和 itemCount 参数中使用提供的列表。 它带有页面之间的手势检测和动画。在这些页面中的每一个中，都使用 Image 小部件将图像显示为完整尺寸。

由于您没有提供任何代码示例，我无法为您提供更多帮助，但一旦您取得进展并有疑问，最好用您当前的代码提问。