facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(これだけ)
 
(同じ利用者による、間の2版が非表示)
行1: 行1:
==これだけ==
+
==サンプル==
  Image.network('https://example.com/hogehoge.png')
+
  Image.network('https://example.com/hogehoge.png');
 +
これだけで、asyncで処理して画面にfit表示までしてくれる。
  
 
==画像サイズ==
 
==画像サイズ==
行8: 行9:
 
                         width: 40.0,
 
                         width: 40.0,
 
                         fit: BoxFit.fill);
 
                         fit: BoxFit.fill);
 +
</pre>
 
==FitType==
 
==FitType==
 +
<pre>
 
BoxFit.fill
 
BoxFit.fill
 
BoxFit.contain
 
BoxFit.contain
行16: 行19:
 
BoxFit.none
 
BoxFit.none
 
BoxFit.scaleDown
 
BoxFit.scaleDown
 +
</pre>
 +
 +
==参考==
 +
http://soudan.hatenablog.jp/entry/flutter-image-boxfit

2019年12月18日 (水) 12:36時点における最新版

サンプル

Image.network('https://example.com/hogehoge.png');

これだけで、asyncで処理して画面にfit表示までしてくれる。

画像サイズ

Image.network(threads[index].thumbnail,
                        height: 40.0,
                        width: 40.0,
                        fit: BoxFit.fill);

FitType

BoxFit.fill
BoxFit.contain
BoxFit.cover
BoxFit.fitWidth
BoxFit.fitHeight
BoxFit.none
BoxFit.scaleDown

参考

http://soudan.hatenablog.jp/entry/flutter-image-boxfit