Flutter URL Image

在 Flutter 中，您可以通过以下方法从 URL 中获取图像：

使用 Image.network() 构造函数。

Image.network(
  "https://www.example.com/images/image.jpg",
  fit: BoxFit.cover,
)

这会从 URL 加载图像，并将其自适应到其父容器。

还可以使用 CachedNetworkImage 包来从 URL 缓存图像。

先在您的 pubspec.yaml 文件中将包添加到依赖项：

dependencies:
  cached_network_image: ^3.0.0

然后使用 CachedNetworkImage 组件：

CachedNetworkImage(
  imageUrl: "https://www.example.com/images/image.jpg",
  fit: BoxFit.cover,
  placeholder: (context, url) => CircularProgressIndicator(),
  errorWidget: (context, url, error) => Icon(Icons.error),
)

CachedNetworkImage 允许您添加占位符和错误小部件，提高用户体验。它还提供了其他选项，允许您在图像加载之前使用模糊效果来创建占位符。

请注意，使用 URL 图像需要良好的网络连接。如果您的应用必须在低网络环境下运行，请使用 AssetImage 或 Image.asset() 构造函数，并在应用程序捆绑中包含所需的图像。

Image.asset(
  'assets/images/image.jpg',
  fit: BoxFit.cover,
)

总之，Flutter 提供了多种方式从 URL 加载图像，根据您的需求选择最适合的。