1. ホーム
  2. image

[解決済み] Flutter Networkの画像が円形のアバターに収まらない

2022-10-01 02:31:31

質問

apiから画像を大量に取得しようとしています。私は画像が円形の形で表示されるようにしたいので、私は使用しています。 CircleAvatar ウィジェットを使用していますが、四角い画像を取得し続けています。 以下は画像のスクリーンショットです。

私が使っているコードは次のとおりです。

ListTile(leading: CircleAvatar(child: Image.network("${snapshot.data.hitsList[index].previewUrl}",fit: BoxFit.scaleDown,)),),

のすべてのプロパティを使用してみました。 BoxFit のように cover , contain , fitWidth , fitHeight などがありますが、どれもうまくいきません。

どのように解決するのですか?

これで解決 : あなたは backgroundImage: プロパティを使用する必要があります。

CircleAvatar(
                radius: 30.0,
                backgroundImage:
                    NetworkImage("${snapshot.data.hitsList[index].previewUrl}"),
                backgroundColor: Colors.transparent,
              )

ダミープレースホルダーで確認する。

CircleAvatar(
                radius: 30.0,
                backgroundImage:
                    NetworkImage('https://via.placeholder.com/150'),
                backgroundColor: Colors.transparent,
              )