サイトの画像を表示する
今回の手順
1.使いたい画像のurlをとってくる
2.urlを記述する
使いたい画像のurlをとってくる
![](https://blog.flutteruniv.com/wp-content/uploads/2023/03/スクリーンショット-2023-03-26-14.13.57-1019x1024.png)
画像アドレスをコピーを選択。
urlを記述する
appBar: AppBar(
// Here we take the value from the MyHomePage object that was created by
// the App.build method, and use it to set our appbar title.
title: Text(widget.title),
),
body: Center(
child: Image.network(
'https://1.bp.blogspot.com/-SWOiphrHWnI/XWS5x7MYwHI/AAAAAAABUXA/i_PRL_Atr08ayl9sZy9-x0uoY4zV2d5xwCLcBGAs/s1600/pose_dance_ukareru_man.png'),
),
Image.network()の部分に先ほど取ってきた画像をペーストする
![](https://blog.flutteruniv.com/wp-content/uploads/2023/03/スクリーンショット-2023-03-26-14.18.08.png)
参考記事
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9Rmx1dHRlciVFMyU4MSVBNyVFNyU5NCVCQiVFNSU4MyU4RiVFMyU4MiU5MiVFOCVBMSVBOCVFNyVBNCVCQSVFMyU4MSU5OSVFMyU4MiU4QiVFNiU5NiVCOSVFNiVCMyU5NSVFMyU4MCU5MCVFMyU4MSVCRSVFMyU4MSVBOCVFMyU4MiU4MSVFMyU4MCU5MSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZjY3ZDEzOGI4NjcxNWNjNzZlODhhZjAwM2U4ZDRhZTQ&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTcxNiZ0eHQ9JTQweXUxMjRjaG9jbyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTMyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZGUyZjgxMjNiZjA1NWViNmU2YTAwZjVmZjgyYjlkOGM&blend-x=142&blend-y=491&blend-mode=normal&s=76ad1436a44b8b5d1ee8fe467d2ee132)
Flutterで画像を表示する方法【まとめ】 - Qiita
2019年2月からFlutterの学習を始め、かなり将来性がありそうだと思ったので、学んだことを逐一記事に残していきたいと思っています。Flutterとは? → …