当点击图片时，图片显示放大

Question

我如何让我的应用程序中的照片在你点击它时显示得更大。例如，当你在谷歌上搜索一张照片，然后当你点击它时，它会弹出更大的尺寸。

children: <Widget>[
                                  Container(
                                    margin: EdgeInsets.only(
                                        top: 8, bottom: 8, right: 12),
                                    width: 80,
                                    decoration: BoxDecoration(
                                        image: DecorationImage(
                                            image: NetworkImage(
                                                "https://i.pinimg.com/originals/d4/05/f9/d405f9671b3dd8e365dd97e50e801f86.jpg"),
                                            fit: BoxFit.cover),
                                        color: Colors.red,
                                        boxShadow: [
                                          BoxShadow(
                                              color:
                                                  Colors.black.withOpacity(0.1),
                                              blurRadius: 2,
                                              spreadRadius: 1)
                                        ],
                                        borderRadius: BorderRadius.circular(4)),
                                  ),

Answer 1

您可能想看看名为Hero (https://flutter.dev/docs/development/ui/animations/hero-animations)的小部件

否则，您可以简单地使用一个默认设置为80的变量"_imgWidth“，当您单击包装在InkWell或GestureDetector中的图像时，调用

setState({
  _imgWidth = _imgWidth == 80 ? 160 : 80;
})