Flutter 按下图像后，我想将该图像放置在另一页'；s集装箱在颤振，我如何才能做到这一点？

我有一个电子商务网站的主页，我显示在每一个产品（图像）点击图像格式的每一个产品，我想在下一个屏幕，这是产品的信息屏幕，也包含产品（图像）和一些其他相关的东西填充图像。我想建立信息页面只有一次，只是改变了产品形象和其他东西相应的形象（产品）被点击。我是个新手，不知道这个逻辑，我遇到了valuelistenablebuilder，但不知道如何才能做到这一点，请帮助。

---

谢谢，

默认情况下，颤振通过使用

Hero

小部件提供此支持。找到下面的代码片段

import 'package:flutter/material.dart';

void main() => runApp(HeroApp());

class HeroApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Transition Demo',
      home: MainScreen(),
    );
  }
}

class MainScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Main Screen'),
      ),
      body: GestureDetector(
        child: Hero(
          tag: 'imageHero',
          child: Image.network(
            'https://picsum.photos/250?image=9',
          ),
        ),
        onTap: () {
          Navigator.push(context, MaterialPageRoute(builder: (_) {
            return DetailScreen();
          }));
        },
      ),
    );
  }
}

class DetailScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: GestureDetector(
        child: Center(
          child: Hero(
            tag: 'imageHero',
            child: Image.network(
              'https://picsum.photos/250?image=9',
            ),
          ),
        ),
        onTap: () {
          Navigator.pop(context);
        },
      ),
    );
  }
}

确保两个页面的

Hero.tag

属性应保持相同

---

我还想在点击该图像时添加另一个特定的小部件，以显示该图像的一些细节，而这些细节不在主屏幕的第一页中，所以我如何才能实现。。。是否也可以使用英雄小部件