🗂

[Flutter]FadeInImage

2022/11/15に公開

FadeInImage

https://youtu.be/pK738Pg9cxc

画像ロードや、ロード後の画像の表示の仕方を設定できる

FadeInImage.assetNetwork(
 placeholder: 'assets/waiting.png',
 image;'http:///example.com/image,png'.,
)

// これを↓に、、、

FadeInImage.memoryNetwork(
  height: 300.0,
 placeholder: localImageBytes,
 image;'http:///example.com/image,png'.,
)

//すると、ローカルプレースホルダの画像を特定できる

height or width でローディング後に必要なサイズを設定

FadeInImage.assetNetwork(
  fadeInDuration:
  const Dutration(second: 1),
 placeholder: localImageBytes,
 image;'http:///example.com/image,png'.,
)

fadeInDuration パラメータを利用することで、アニメーションの長さを設定

FadeInImage.assetNetwork(
 fadeInCurve: Cueves.bounceIn,
 placeholder: localImageBytes,
 image;'http:///example.com/image,png'.,
)

fadeInCurve でflutterが行うプレースホルダの画像アニメ化を特定する?????

プレースホルダを透過したい場合は、 transparent_image パッケージで可能

Discussion