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,
    );
  }
}