增加弹窗图片被点击时关闭弹窗
时间: 2023-08-12 20:06:19 浏览: 85
真正好用的弹窗图片顠浮代码带关闭安钮一看就会
要实现点击弹窗图片时关闭弹窗,你可以在 `ImageDialog` 类中使用 `GestureDetector` 组件来包裹 `Image` 组件,并添加 `onTap` 回调函数来关闭弹窗。以下是修改后的代码示例:
```dart
import 'package:flutter/material.dart';
class ImageDialog extends StatelessWidget {
final String imageUrl;
ImageDialog({required this.imageUrl});
@override
Widget build(BuildContext context) {
return Dialog(
child: GestureDetector(
onTap: () {
Navigator.of(context).pop(); // 关闭弹窗
},
child: Container(
child: Image.network(
imageUrl,
fit: BoxFit.cover,
),
),
),
);
}
}
void showImageDialog(BuildContext context, String imageUrl) {
showDialog(
context: context,
builder: (BuildContext context) {
return ImageDialog(imageUrl: imageUrl);
},
);
}
```
现在,当你点击弹窗中的图片时,弹窗将会关闭。希望这个修改满足了你的需求!
阅读全文