[pubspec.yaml](https://dart.cn/tools/pub/pubspec)

pubspec.yml

Image.network小部件加载网络图片使用Image.network小部件来加载网络图片。

将图片的URL作为参数传递给Image.network构造函数。

可选处理加载过程中的占位符和错误情况

Flutter

assets也为资源。

资源是被打包到应用程序安装包中可以在运行时访问的一种文件。

常见的资源类型包括静态数据例如

JSON

在Flutter中pubspec.yaml文件是一个用于管理项目依赖项和资源的配置文件。

它位于Flutter项目的根目录下并且是一个YAML格式的文本文件。

项目信息你可以在name字段中指定项目名称在description字段中提供项目描述在version字段中指定项目版本号等。

依赖项管理你可以使用dependencies字段来列出项目所依赖的Flutter包或其他Dart库。

每个依赖项都有一个名称和一个版本约束。

当你运行flutter

pub

get命令时Flutter会根据pubspec.yaml文件中的依赖项配置自动下载并安装所需的包。

资源管理你可以使用assets字段来指定项目中需要作为资源使用的文件路径。

这些资源可以是图片、字体、配置文件等。

通过在pubspec.yaml文件中配置资源路径Flutter可以将这些资源文件打包到应用程序中并且你可以通过相应的API来访问它们。

其他配置pubspec.yaml文件还可以包含其他配置项例如构建设置、环境变量等。

name:

依赖于Cupertino图标库指定版本约束为1.0.2http:

^0.13.4

依赖于HTTP网络请求库指定版本约束为0.13.4dev_dependencies:flutter_test:sdk:

flutter

assets/fonts/Roboto-Regular.ttf

字体文件路径-

assets/fonts/Roboto-Bold.ttfweight:

700

属性说明image要显示的图片width图片宽度height图片高度fit图片适应方式alignment图片对齐方式repeat图片重复方式color图片着色颜色colorBlendMode图片着色模式filterQuality图片滤镜质量semanticLabel图片的语义标签excludeFromSemantics是否从语义树中排除图片

这些属性可以通过Image小部件的构造函数或者使用Image.asset()、Image.network()等静态方法进行设置。

加载本地图片

Image.network小部件加载网络图片使用Image.network小部件来加载网络图片。

将图片的URL作为参数传递给Image.network构造函数。

Image.network(https://img0.baidu.com/it/u2132093665,1645757234fm253fmtautoapp138fJPEG?w889h500)显示效果

你可以使用placeholder参数指定一个占位符图像在网络图片加载完成之前显示。

另外你还可以使用errorBuilder参数来自定义加载失败时的错误显示。

Image.network(https://img0.baidu.com/it/u2132093665,1645757234fm253fmtautoapp138fJPEG?w889h500,placeholder:

AssetImage(assets/images/placeholder.png),errorBuilder:

(context,