# 天気予報を取得し、表示する [yumemi_weather] の API を使用して、天気予報を取得しましょう。 ## 課題 - Reload ボタンをタップして天気予報を取得する - 天気予報を画面に表示する ### 使用する API - `fetchSimpleWeather()` ### 利用する画像 - [sunny] - [cloudy] - [rainy] ## 動作イメージ ![demo] ## ヒント Flutter で SVG を表示するときは、[flutter_svg] を利用すると簡単に表示できます。 <!-- Links --> [yumemi_weather]: https://yumemi-inc.github.io/flutter-training-template/ [sunny]: https://github.com/yumemi-inc/flutter-training-template/blob/main/docs/sessions/images/api/sunny.svg [cloudy]: https://github.com/yumemi-inc/flutter-training-template/blob/main/docs/sessions/images/api/cloudy.svg [rainy]: https://github.com/yumemi-inc/flutter-training-template/blob/main/docs/sessions/images/api/rainy.svg [demo]: https://github.com/yumemi-inc/flutter-training-template/blob/main/docs/sessions/images/api/demo.gif?raw=true [flutter_svg]: https://pub.dev/packages/flutter_svg
天気予報を取得し、表示する
yumemi_weather の API を使用して、天気予報を取得しましょう。
課題
使用する API
fetchSimpleWeather()利用する画像
動作イメージ
ヒント
Flutter で SVG を表示するときは、flutter_svg を利用すると簡単に表示できます。