NetworkImage の使い方

Page content

Flutter でネットワークから画像を取得するClassを紹介します。

このエントリーをはてなブックマークに追加

使用例

CircleAvatarと組み合わせて使うことができます。

CircleAvatar(
  backgroundImage: NetworkImage(userAvatarUrl),
)

NetworkImageWidgetではないので、そのまま表示することができません。 Image Widgetとして使いたい場合Image.networkコンストラクタを使ってください。内部的にNetworkImageを使って初期化しImage Widgetが使えるようになります。

Container {
	child: Image.network(userAvatarUrl);
}

コンストラクタ

NetworkImage(
	String url,
	{
		double scale: 1.0,
		Map<String, String> headers
	}
)

必須引数はurlです。

プロパティ

  • headersMap<String, String>

    HttpClient.getを使って画像をネットワークから取得する時のヘッダを指定します。

  • scaledouble

    画像のImageInfoに入れるスケールを指定します。

  • urlString

    画像がある URL を指定します。

Flutter 公式ドキュメント

NetworkImage class

このエントリーをはてなブックマークに追加