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