flutter天气_Flutter实战（一）写一个天气查询的APP

先上效果图

代码github地址：https://github.com/koudle/GDG_Flutter_Weather_Demo

1.创建工程

在Android Studio中，File -> New ->New Flutter Project -> Flutter Application

创建完工程后，有三个目录

android：Android工程的目录

ios：iOS工程的目录

lib： Flutter工程的目录

其中android、ios下的文件我们都不动，我们只改动lib目录下的dart文件。

2.运行Flutter工程连接手机这里不建议用模拟器，因为模拟器在用GPU渲染时可能会出问题，导致图片渲染不出来。然后按Run 在手机上把程序跑起来。

3.天气API接口申请

注册地址：https://console.qweather.com/#/        (console.heweather.com/register)

注册完后，再看API文档 www.heweather.com/documents

demo这里用的是，获取当天天气情况的API：https://dev.qweather.com/docs/api/weather/

用的请求URL如下:

4.界面编写

在创建的工程里，有个main.dart里面有一段显示界面的代码如下: