saka_image 0.0.2 saka_image: ^0.0.2 copied to clipboard
Simple placeholder image
saka_image #
A flutter image widget,can use placeholder before loading net_image, also can show an error image if there is something wrong with the image url
Getting Started #
just like use Image.network
SakaImage.urlWithPlaceHolder(
"http://img.rangaofei.cn/01b18.jpg",
prePlaceHolder: "images/test.gif",
errPlaceHolder: "images/error.jpeg",
preDuration: Duration(seconds: 10),
);
prePlaceHolder is used before load the net image
errPlaceHolder is user when the url not correct
preDuration is the prePlaceHolder show duration at least
other property is just like Image
- with no duration,when the net image get completed, the pre placeholder will be placed immediately.
SakaImage.urlWithPlaceHolder(
"http://img.rangaofei.cn/01b18.jpg",
errPlaceHolder: "images/error.jpeg",
prePlaceHolder: "images/splash.jpg",
fit: BoxFit.cover,
);
- with duration,when the net image get completed before the duration, the placeholder will not be placed until the duration.
SakaImage.urlWithPlaceHolder(
"http://img.rangaofei.cn/01b18.jpg",
errPlaceHolder: "images/error.jpeg",
prePlaceHolder: "images/splash.jpg",
preDuration: Duration(seconds: 5),
fit: BoxFit.cover,
);
- if the url is not reachable or error, this will be replaced by the error.jpeg
SakaImage.urlWithPlaceHolder(
"http://img.rangaofei.cn/01b18.jp",//errorr
errPlaceHolder: "images/error.jpeg",
prePlaceHolder: "images/splash.jpg",
preDuration: Duration(seconds: 5),
fit: BoxFit.cover,
);
the placeholder must be an assets url