facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==インストール== 透過loadingライブラリを追加 pubspec.yaml <pre> dependencies: transparent_image: ^1.0.0 </pre> ==サンプル== <pre> FadeInImage.memor...」)
 
 
(同じ利用者による、間の3版が非表示)
行1: 行1:
==インストール==
+
==画像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ライブラリを追加
 
pubspec.yaml
 
pubspec.yaml
行7: 行24:
 
</pre>
 
</pre>
  
==サンプル==
+
===サンプル===
 
<pre>
 
<pre>
 
FadeInImage.memoryNetwork(
 
FadeInImage.memoryNetwork(

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