单击时显示更大的照片

如何解决单击时显示更大的照片

当我单击应用程序时，如何使照片中的照片显示得更大。例如，当您在Google上搜索照片然后单击它时，它会弹出更大的照片。

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)),),

解决方法

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

否则，您可以简单地使用默认情况下设置为80的“ _imgWidth”变量，然后单击包裹在InkWell或GestureDetector中的图像，然后调用

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