翩翩。如何为圆圈头像设置背景图？

Question

我的assets文件夹里有一张图片，想设置为圆圈头像的背景，应该怎么做？

Answer 1

CircleAvatar(
  backgroundImage: AssetImage('assets/image.png'),
);

这将为你工作。

确保你已经在assets文件夹中添加了一个图片，并在pubspec.yaml文件中添加了路径。

喜欢

assets:
    - assets/image.png

Answer 2

由于您已经在您的 Assets 文件夹。

1) 将它添加到您的 pubspec.yaml 文件。

assets:
    - assets/yourimage.png

2) 指定图像为 backgroundImage 你的 CircleAvatar:

CircleAvatar(
  // the circle avatar has the background image property for specifying images
  backgroundImage: AssetImage('assets/yourimage.png'),
);

Answer 3

类似这样的东西？

CircleAvatar(
              child: Image.network(
        "https://miro.medium.com/proxy/1*ilC2Aqp5sZd1wi0CopD1Hw.png",
        fit: BoxFit.scaleDown,
      ))

Answer 4

像这样的东西会给你一个有背景的头像，在加载网络图片的时候会显示出来。

CircleAvatar(
   backgroundColor: Colors.pink,
   backgroundImage: AssetImage('/path/to/asset.png'),
   child: Image.network('https://www.example.com/with/online.png')
);

不要忘了在你的 pubspec.yml 中加入资产文件夹的路径。