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