显示来自互联网的图片
显示图片是大多数移动应用的基本功能。Flutter 提供了 Image
组件来显示不同类型的图片。
要使用来自 URL 的图片,请使用 Image.network()
构造函数。
dart
Image.network('https://picsum.photos/250?image=9'),
额外内容:动态 GIF 图
#Image
组件一个有用的特性是:它支持动态 GIF 图。
dart
Image.network(
'https://docs.fluttercn.cn/assets/images/dash/dash-fainting.gif',
);
带占位符的图片淡入效果
#默认的 Image.network
构造函数不支持更高级的功能,例如加载后图片淡入。要完成此任务,请查看带占位符的图片淡入效果。
互动示例
#import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
var title = 'Web Images';
return MaterialApp(
title: title,
home: Scaffold(
appBar: AppBar(title: Text(title)),
body: Image.network('https://picsum.photos/250?image=9'),
),
);
}
}