Flutter 图片渐变色

原图

Screenshot_1611882540.png

渐变后

Screenshot_1611882430.png

代码

@override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Container(
          height: ScreenAdaper.screenHeight(),
          width: ScreenAdaper.screenWidth(),
          child: CachedNetworkImage(
            imageUrl: GetSafeValue.getSafeString(
                'https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20181011%2F97d76bbdd19c4fc9a22e11bb5ce643cc.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1614474338&t=14fa75e89ec904eba38aca324bf4535e'),
            fit: BoxFit.cover,
          ),
        ),
        new Container(
          decoration: BoxDecoration(
            gradient: LinearGradient(
              begin: Alignment.topCenter,
              end: Alignment.bottomCenter,
              colors: [
                Colors.transparent,
                Colors.white.withOpacity(0.1),
                Colors.white.withOpacity(0.1),
                Colors.white.withOpacity(0.1),
                Colors.white.withOpacity(0.2),
                Colors.white.withOpacity(0.6),
                Colors.white.withOpacity(0.7),
                Colors.white.withOpacity(0.8),
                Colors.white.withOpacity(0.9),
                Colors.white.withOpacity(1.0),
                Colors.white.withOpacity(1.0),
                Colors.white.withOpacity(1.0),
                Colors.white.withOpacity(1.0),
              ],
            ),
          ),
        ),
      ],
    );
  }

本文同步分享在 博客“赵哥窟”（JianShu）。
若有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一块儿分享。