Flutter：如何為圓形頭像設置背景圖像

Question

我的資產文件夾中有一張圖片，想設置為圓形頭像的背景，我該怎么做？

Answer 1

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

這對你有用。

確保您已在 pubspec.yaml 文件內的資產文件夾和路徑中添加圖像

喜歡

assets:
    - assets/image.png

Answer 2

由於您的Assets文件夾中已經有圖像。

1) 將其添加到您的pubspec.yaml文件中：

assets:
    - assets/yourimage.png

2）將圖像指定為您的CircleAvatar的backgroundImage ：

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 中