Flutter 头像组件工具类

你的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,
    );
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容