对大多数移动应用来说,图片显示是一项基础功能。Flutter 提供了 Image
来显示不同类型的图片。
使用 Image.network
构造函数来处理来自 URL 的图片。
Image.network(
'https://picsum.photos/250?image=9',
)
意外之喜:Gif 动画
Image
Widget 令人兴奋的特性之一:提供了开箱即用的 gif 动画支持!
Image.network(
'https://github.com/flutter/plugins/raw/master/packages/video_player/doc/demo_ipod.gif?raw=true',
);
占位符与缓存
默认的 Image.network
构造函数并没有提供诸如加载后的图片淡入或下载之后将图片缓存到设备等更进一步的功能。请参阅以下链接来实现这些功能
完整样例
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@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',
),
),
);
}
}
当前内容版权归 flutter-io.cn 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 flutter-io.cn .