flutter获取Android照片,Flutter Image实现图片加载

Image 简介

Android ios 原生中使用 ImageView 来加载显示图片。

在flutter 中通过Image来加载并显示图片。

所有的widget并不是直接绘制图片的，而是控制的图片的主要属性的容器，负责绘制的是RenderObject，他们中间是通过ElementTree来联系起来。有了这个基础后，所有的widget都不会提供画布(canvas)来直接绘制image

RawImage 这是一个最基础图片容器Widget。

Image 这是一个通用包装类，它包装了RawImage。

前言 Image 基本使用

从ImageProvider来获取图片显示，这个类的使用基本和RawImage一致。

Widget image = Image(AssetImage("images/yuan.png"))

1 Image 加载网络图片

var imageUrl = "http://pic31.nipic.com/20130711/8952533_164845225000_2.jpg";

Image(

image: NetworkImage(

imageUrl),

width: 100.0,

)

或者

Image.network(

imageUrl,

scale: 8.5,

),

或者

new FadeInImage.assetNetwork(

//占位图

placeholder: 'images/logo.png',

image: imageUrl,

width: 120,