写一个简单的flutter展示图片的弹窗
时间: 2024-04-18 14:33:16 浏览: 217
当然可以!下面是一个简单的示例代码,用于在Flutter中展示图片的弹窗:
```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: Container(
child: Image.network(
imageUrl,
fit: BoxFit.cover,
),
),
);
}
}
void showImageDialog(BuildContext context, String imageUrl) {
showDialog(
context: context,
builder: (BuildContext context) {
return ImageDialog(imageUrl: imageUrl);
},
);
}
```
在你的页面中,你可以使用`showImageDialog`方法来弹出图片展示的弹窗。例如:
```dart
RaisedButton(
child: Text('展示图片'),
onPressed: () {
showImageDialog(context, 'https://example.com/image.jpg');
},
),
```
这样点击按钮后,就会弹出一个包含指定图片的弹窗。
阅读全文