0

以前は Ink.image ウィジェットを使用して画像にインクウェル効果を持たせ、次に NetworkImage() を画像属性として次のように指定することができました。

Ink.image(
    fit: BoxFit.fitWidth,
    image: NetworkImage(
      product.imageUrl,
    ),
),

しかし、ネットワークイメージの読み込みステータスを表示するプレースホルダープロパティがあるため、CachedNetworkImage() を使用したいのですが、問題は、cachedNetworkImage を使用すると、属性として画像が必要なため、このウィジェットをink.image でラップできなくなりました。他のウィジェット。

4

2 に答える 2

1

imageBuilderfromを使用してtoCachedNetworkImageを渡すことができます。imageProviderInk.image

これがサンプルコードです。

CachedNetworkImage(
  imageUrl: "$imagePath",
  imageBuilder: (context, imageProvider) {
    return Ink.image(
      image: imageProvider,
      fit: fit,
    );
  },
)
于 2021-06-16T09:21:07.343 に答える