Flutter 图片组件

Flutter 图片组件，图片组件（Image）是显示图像的组件，Image组件有多种构造函数：

• new Image：从ImageProvider获取图像。
• new Image.asset：加载资源图片。
• new Image.file：加载本地图片文件。
• new Image.network：加载网络图片。
• new Image.memory：加载Uint8List资源图片。

Image组件常见属性如表所示:

BoxFit取值及描述参见表:

下面的示例加载了一张网络图片，以BoxFit.fitWidth模式填充图片。示例代码如下：

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
title: 'Image demo',
home: ImageDemo(),
    )
  );
}

  class ImageDemo extends StatelessWidget {
    @override
  Widget build(BuildContext context) {
    // 居中展示
    return Center(
      // 添加网络图片
      child: Image.network(
        // 图片url
        'https://flutter.io/images/flutter-mark-square-
    100.png',
        // 填充模式
        fit: BoxFit.fitWidth,
      ),
    );
  }
}

上述示例代码视图展现大致如图所示: