可将一张图片变成圆形,并且中间可以放置一个组件。可指定半径、前景色、背景色等。

CircleAvatar的表现

【radius】 : 半径 【double】
【backgroundImage】 : 图片资源 【ImageProvider】
【foregroundColor】: 前景色 【Color】
【backgroundColor】: 背景色 【Color】
【minRadius】: 最小半径 【double】
【maxRadius】: 最大半径 【double】
【child】: 孩子组件 【Child】
image.png

  1. import 'package:flutter/material.dart';
  2. class CustomCircleAvatar extends StatelessWidget {
  3. @override
  4. Widget build(BuildContext context) {
  5. return CircleAvatar(
  6. radius: 50,
  7. backgroundImage: AssetImage("assets/images/wy_200x300.jpg"),
  8. foregroundColor: Colors.white,
  9. child: Icon(
  10. Icons.check,
  11. size: 50,
  12. ),
  13. );
  14. }
  15. }