Flutter 头像组件工具类

作者: 呆头呆脑雷 | 来源:发表于2023-05-07 08:57 被阅读0次

    你的url是否可能为空,为空我也为你兼容了,你还有什么不放心的。封装的好处是,后期你可以兼容gif动画、过渡效果等需求。

    依赖 cached_network_image库

    import 'package:cached_network_image/cached_network_image.dart';
    import 'package:flutter/material.dart';
    
    /// 项目共用头像图片输入
    class NFTAvatar extends StatelessWidget {
      final String? imageUrl;
      final double radius;
    
      const NFTAvatar({Key? key, required this.imageUrl, this.radius = 24.0})
          : super(key: key);
    
      @override
      Widget build(BuildContext context) {
        return CircleAvatar(
          backgroundColor: const Color(0xFFFFD505),
          radius: radius,
          foregroundImage:
              imageUrl != null ? CachedNetworkImageProvider(imageUrl!) : null,
        );
      }
    }
    

    相关文章

      网友评论

        本文标题:Flutter 头像组件工具类

        本文链接:https://www.haomeiwen.com/subject/quofsdtx.html