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