FadeInImage 淡入图片

透明渐变地加载一张图片。可指定占位图片、进退的动画曲线、时间、宽高、fit类型、对齐方式、重复方式等。

相关组件

Image

FadeInImage.assetNetwork加载网络图片

【placeholder】 : 展位图地址 【String】
【image】 : 显示图地址 【String】
【width】: 宽 【double】
【height】: 高 【double】
【fadeInDuration】: 淡入时长 【Duration】
【fadeOutDuration】: 淡出时长 【Duration】
【fadeInCurve】: 淡入曲线 【Cubic】
【fadeOutCurve】: 淡出曲线 【Cubic】
【fit】: 适应模式 【BoxFit】
【alignment】: 对齐模式 【Alignment】
【repeat】: 重复模式 【ImageRepeat】,

import 'package:flutter/material.dart';
class CustomFadeInImage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var placeholder = "assets/images/icon_head.png";
    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,
    );
  }
}