Files
2022-03-26 16:41:34 +08:00

46 lines
1.6 KiB
Dart

import 'package:flutter/material.dart';
/// create by 张风捷特烈 on 2020-03-26
/// contact me by email 1981462002@qq.com
/// 说明:
// {
// "widgetId": 8,
// "priority": 1,
// "name": "FadeInImage.assetNetwork加载网络图片",
// "subtitle": "【placeholder】 : 展位图地址 【String】\n"
// "【image】 : 显示图地址 【String】\n"
// "【width】: 宽 【double】\n"
// "【height】: 高 【double】\n"
// "【fadeInDuration】: 淡入时长 【Duration】\n"
// "【fadeOutDuration】: 淡出时长 【Duration】\n"
// "【fadeInCurve】: 淡入曲线 【Cubic】\n"
// "【fadeOutCurve】: 淡出曲线 【Cubic】\n"
// "【fit】: 适应模式 【BoxFit】\n"
// "【alignment】: 对齐模式 【Alignment】\n"
// "【repeat】: 重复模式 【ImageRepeat】\n",
// }
class CustomFadeInImage extends StatelessWidget {
const CustomFadeInImage({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
String placeholder = "assets/images/icon_head.webp";
String img =
"https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/"
"15739960c2da4de3a263eeabcb60057f~tplv-k3u1fbpfcp-zoom-crop-mark"
":1304:1304:1304:734.awebp";
return FadeInImage.assetNetwork(
placeholder: placeholder,
image: img,
width: 100,
height: 100,
fit: BoxFit.cover,
repeat:ImageRepeat.noRepeat,
alignment: Alignment.center,
fadeInDuration:const Duration(seconds: 5),
fadeInCurve: Curves.easeInCubic,
);
}
}