2 图片组件

图片组件(Image)是显示图像的组件,Image组件有多种构造函数: •new Image :从ImageProvider获取图像。 •new Image.asset:加载资源图片。 •new Image.file:加载本地图片文件。 •new Image.network:加载网络图片。 •new Image.memory:加载Uint8List资源图片。 Image组件常见属性见表4-2。 BoxFit取值及描述参见表4-3。 下面的示例加载了一张网络图片,以BoxFit.fitWidth模式进行填充图片。 示例代码如下:

import 'package:flutter/material.dart';

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

上述示例代码视图展现大致如图4-2所示。