[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9213":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":16,"starSnapshotCount":16,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},9213,"flutter_cached_network_image","Baseflow\u002Fflutter_cached_network_image","Baseflow","Download, cache and show images in a flutter app","https:\u002F\u002Fbaseflow.com",null,"Dart",2579,736,34,316,0,4,30.6,false,"develop",true,[23,24,25,26,27],"baseflow","caching","flutter","image","imageprovider","2026-06-12 02:02:04","# Cached network image\n[![pub package](https:\u002F\u002Fimg.shields.io\u002Fpub\u002Fv\u002Fcached_network_image.svg)](https:\u002F\u002Fpub.dartlang.org\u002Fpackages\u002Fcached_network_image)\n[![codecov](https:\u002F\u002Fcodecov.io\u002Fgh\u002FBaseflow\u002Fflutter_cached_network_image\u002Fbranch\u002Fmain\u002Fgraph\u002Fbadge.svg?token=I5qW0RvoXN)](https:\u002F\u002Fcodecov.io\u002Fgh\u002FBaseflow\u002Fflutter_cached_network_image)\n[![Build Status](https:\u002F\u002Fgithub.com\u002FBaseflow\u002Fflutter_cached_network_image\u002Fworkflows\u002Fapp_facing_package\u002Fbadge.svg?branch=develop)](https:\u002F\u002Fgithub.com\u002FBaseflow\u002Fflutter_cached_network_image\u002Factions\u002Fworkflows\u002Fapp_facing_package.yaml)\n\nA flutter library to show images from the internet and keep them in the cache directory.\n\n\n\n## Sponsors \n \u003Ca href=\"https:\u002F\u002Fgetstream.io\u002Fchat\u002Fflutter\u002Ftutorial\u002F?utm_source=Github&utm_medium=Github_Repo_Content_Ad&utm_content=Developer&utm_campaign=Github_Jan2022_FlutterChat&utm_term=renefloor\" target=\"_blank\">\u003Cimg width=\"250px\" src=\"https:\u002F\u002Fstream-blog.s3.amazonaws.com\u002Fblog\u002Fwp-content\u002Fuploads\u002Ffc148f0fc75d02841d017bb36e14e388\u002FStream-logo-with-background-.png\"\u002F>\u003C\u002Fa>\u003Cbr\u002F>\u003Cspan>\u003Ca href=\"https:\u002F\u002Fgetstream.io\u002Fchat\u002Fflutter\u002Ftutorial\u002F?utm_source=Github&utm_medium=Github_Repo_Content_Ad&utm_content=Developer&utm_campaign=Github_Jan2022_FlutterChat&utm_term=renefloor\" target=\"_blank\">Try the Flutter Chat Tutorial 💬\u003C\u002Fa>\u003C\u002Fspan>\n        \n        \n\n## How to use\nThe CachedNetworkImage can be used directly or through the ImageProvider.\nBoth the CachedNetworkImage as CachedNetworkImageProvider have minimal support for web. It currently doesn't include caching.\n\nWith a placeholder:\n```dart\nCachedNetworkImage(\n        imageUrl: \"http:\u002F\u002Fvia.placeholder.com\u002F350x150\",\n        placeholder: (context, url) => CircularProgressIndicator(),\n        errorWidget: (context, url, error) => Icon(Icons.error),\n     ),\n ```\n \n Or with a progress indicator:\n ```dart\nCachedNetworkImage(\n        imageUrl: \"http:\u002F\u002Fvia.placeholder.com\u002F350x150\",\n        progressIndicatorBuilder: (context, url, downloadProgress) => \n                CircularProgressIndicator(value: downloadProgress.progress),\n        errorWidget: (context, url, error) => Icon(Icons.error),\n     ),\n ```\n\n\n````dart\nImage(image: CachedNetworkImageProvider(url))\n````\n\nWhen you want to have both the placeholder functionality and want to get the imageprovider to use in another widget you can provide an imageBuilder:\n```dart\nCachedNetworkImage(\n  imageUrl: \"http:\u002F\u002Fvia.placeholder.com\u002F200x150\",\n  imageBuilder: (context, imageProvider) => Container(\n    decoration: BoxDecoration(\n      image: DecorationImage(\n          image: imageProvider,\n          fit: BoxFit.cover,\n          colorFilter:\n              ColorFilter.mode(Colors.red, BlendMode.colorBurn)),\n    ),\n  ),\n  placeholder: (context, url) => CircularProgressIndicator(),\n  errorWidget: (context, url, error) => Icon(Icons.error),\n),\n```\n\n## How it works\nThe cached network images stores and retrieves files using the [flutter_cache_manager](https:\u002F\u002Fpub.dartlang.org\u002Fpackages\u002Fflutter_cache_manager). \n\n## FAQ\n### My app crashes when the image loading failed. (I know, this is not really a question.)\nDoes it really crash though? The debugger might pause, as the Dart VM doesn't recognize it as a caught exception; the console might print errors; even your crash reporting tool might report it (I know, that really sucks). However, does it really crash? Probably everything is just running fine. If you really get an app crashes you are fine to report an issue, but do that with a small example so we can reproduce that crash.\n\nSee for example [this](https:\u002F\u002Fgithub.com\u002FBaseflow\u002Fflutter_cached_network_image\u002Fissues\u002F336#issuecomment-760769361) or [this](https:\u002F\u002Fgithub.com\u002FBaseflow\u002Fflutter_cached_network_image\u002Fissues\u002F536#issuecomment-760857495) answer on previous posted issues.\n","Baseflow\u002Fflutter_cached_network_image 是一个用于在 Flutter 应用中下载、缓存和显示网络图片的库。其核心功能包括通过 ImageProvider 接口加载图片，并支持使用占位符和错误处理组件，同时提供了进度指示器以增强用户体验。该库基于 flutter_cache_manager 实现了高效的图片缓存机制，适用于需要频繁展示来自互联网图片的应用场景，如社交媒体、新闻阅读器等。此外，它还允许开发者自定义图片加载过程中的各种状态表现形式，使得应用界面更加友好且响应迅速。",2,"2026-06-11 03:21:43","top_language"]