Flutter NetworkImage


简介

展示网络图片的widget

  • 我们可以使用NetworkImage来获取网络图片并展示

基本用法

Image.network 是 NetworkImage 提供给Image widget 的一种简写形式

  • 支持scale属性进行图片的缩放

实例演示

import 'package:flutter/material.dart';

class NetworkImageDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Container(
          margin: const EdgeInsets.symmetric(vertical: 20.0),
          child: Text('Image.network的使用'),
        ),
        Image.network(
            'https://gw.alicdn.com/tfs/TB1XD.ZuYwrBKNjSZPcXXXpapXa-255-251.png'),
        Container(
          child: Text('NetworkImage的使用,带有0.5倍缩放'),
          margin: const EdgeInsets.symmetric(vertical: 20.0),
        ),
        Image(
          image: NetworkImage(
              'https://gw.alicdn.com/tfs/TB1XD.ZuYwrBKNjSZPcXXXpapXa-255-251.png',
              scale: 0.5),
        )
      ],
    );
  }
}