flutter图片显示

图片显示

本地图片显示

首先项目根目录下创建一个用于放置图片的文件夹，将要显示的图片放进去，如下图：

 

然后在项目根目录的pubspec.yaml文件中的assets下添加图片路径，如下图：

 

在需要显示图片的地方使用Image.asset()进行加载显示，fit为图片显示模式，cover为覆盖模式

更多请参考在Flutter中添加资源和图片或者直接查看Image源码

new Image.asset(
    'images/login/login.png',
    fit: BoxFit.cover,
),

 

网络图片显示

直接使用Image.network()进行加载显示，其余参数基本与Image.asset()相同

new Image.network(
    'https://img.ivsky.com/img/tupian/slides/202004/13/tielu_guidao-008.jpg',
    fit: BoxFit.cover,
),