facebook twitter hatena line email

「Flutter/画像/loading」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
行1: 行1:
 
==画像loading==
 
==画像loading==
 +
==ローカル画像を呼び出す設定==
 +
pubspec.yaml
 +
<pre>
 +
flutter:
 +
  assets:
 +
      - assets/loading.gif
 +
</pre>
 +
===サンプル===
 
<pre>
 
<pre>
 
FadeInImage image = FadeInImage.assetNetwork(
 
FadeInImage image = FadeInImage.assetNetwork(

2019年12月20日 (金) 12:17時点における版

画像loading

ローカル画像を呼び出す設定

pubspec.yaml

flutter:
  assets:
      - assets/loading.gif

サンプル

FadeInImage image = FadeInImage.assetNetwork(
  placeholder: 'assets/loading.gif',
  image: 'ttps://example.com/hoge.png',
);

透過loading

こちらはloadingが表示されなかった・・

インストール

透過loadingライブラリを追加 pubspec.yaml

dependencies:
  transparent_image: ^1.0.0

サンプル

FadeInImage.memoryNetwork(
  placeholder: kTransparentImage,
  image: 'ttps://example.com/hoge.png',
);