}
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