Flutter实战1 --- 写一个天气查询的APP

}

4.2 HotReload

在写UI的工程中，我们可以用到Flutter的hot reload的特性,写布局的时候，按ctrl+s或cmd+s就可以在手机上实时看到界面的变化。

这个功能很好用。

4.3添加图片资源

Flutter可以添加不同的资源，例如图片、文本、配置文件、静态数据等。

添加资源时,需要在pubspec.yaml文件中的flutter属性下添加assets,并标明要添加资源的路径，例如，我们要加入指定的图片时，可以这么写：

flutter:
assets:

• assets/my_icon.png
• assets/background.png

如果要添加的资源太多，也可以添加文件夹，例如:

flutter:
assets:

• assets/

在本demo中，要添加一个背景图，我们在工程的根目录下创建images目录，将背景图放在images目录下，然后在pubspec.yaml中添加:

flutter:

The following line ensures that the Material Icons font is

included with your application, so that you can use the icons in

the material Icons class.

uses-material-design: true
assets:

• images/

4.4 写WeatherWidget的UI布局

在Scaffold中添加body的属性，来写UI的布局，如下：

class WeatherState extends State{
@override
Widget build(BuildContext context) {
// TODO: implement build
return Sc