flutter 项目实战工具类

Flutter 头像组件工具类

2023-05-07  本文已影响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,
    );
  }
}
上一篇下一篇

猜你喜欢

热点阅读