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源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。