显示来自互联网的图片

对于大多数移动应用来说，显示图片是基础功能。Flutter 提供了 Image 组件来显示不同类型的图片。

要显示网络 URL 中的图片，请使用 Image.network() 构造函数。

Image.network('https://picsum.photos/250?image=9'),

Image 组件的一个实用功能是：它支持动态 GIF。

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'),
      ),
    );
  }
}