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 {
  @override
  Widget build(BuildContext context) {
    var placeholder = "assets/images/icon_head.webp";
    var img =
        "https://user-gold-cdn.xitu.io/2017/8/24/"
        "d324efef8cbee6468a018aad7ab2ba6b?imageView2/"
        "1/w/180/h/180/q/85/format/webp/interlace/1";
    return FadeInImage.assetNetwork(
        placeholder: placeholder,
        image: img,
      width: 100,
      height: 100,
      fit: BoxFit.cover,
      repeat:ImageRepeat.noRepeat,
      alignment: Alignment.center,
      fadeInDuration: Duration(seconds: 5),
      fadeInCurve: Curves.easeInCubic,
    );
  }
}