前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Flutter 图片渐变色

Flutter 图片渐变色

作者头像
赵哥窟
发布2021-02-02 16:46:50
1.9K0
发布2021-02-02 16:46:50
举报
文章被收录于专栏:日常技术分享日常技术分享

原图

Screenshot_1611882540.png

渐变后

Screenshot_1611882430.png

代码

代码语言:javascript
复制
@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),
              ],
            ),
          ),
        ),
      ],
    );
  }
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档