facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
 
(同じ利用者による、間の2版が非表示)
行1: 行1:
 
==画像loading==
 
==画像loading==
 
+
===ローカル画像を呼び出す設定===
 +
pubspec.yaml
 +
<pre>
 +
flutter:
 +
  assets:
 +
      - assets/loading.gif
 +
</pre>
 +
===サンプル===
 +
<pre>
 +
FadeInImage image = FadeInImage.assetNetwork(
 +
  placeholder: 'assets/loading.gif',
 +
  image: 'ttps://example.com/hoge.png',
 +
);
 +
</pre>
 
==透過loading==
 
==透過loading==
 
こちらはloadingが表示されなかった・・
 
こちらはloadingが表示されなかった・・

2019年12月20日 (金) 15:16時点における最新版

画像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',
);