flutter简单使用

flutter简单使用

一篇能够快速使用的介绍。

---

前言

快速使用flutter开发。

一、布局介绍

二、本地图片使用

1，将图片放入images文件夹下。
2，在pubspec.yaml文件中对图片进行声明，如果没有声明，运行时就会报错：Unable to load asset: xxx.png。

3，通过 AssetImage(‘images/app.png’),来加载本地图片。 网络图片加载Image.network(“http://a.jpg”);

三、网络数据解析

1，json.decode() 方法会将 String类型数据解析成Map数据结构：Map<String, dynamic>, 取数据的格式为object[key]。
如： List items=response.data[“data”]; //response.data 接口返回数据
string name=response.data[“name”];
2，https://javiercbk.github.io/json_to_dart/ 将json数据在线生成Json实体类的地址。
使用：var data= jsonDecode(response.toString());
var newsBean = NewsBean.fromJson(data);

四、路由使用

1，普通跳转：
Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) => Page()));
2，带参数跳转和接收参数:
跳转： Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) => Page1(”我是跳转时传的参数”)));
接收：final String message = ModalRoute.of(context).settings.arguments as String;
3.跳转后携带参数返回：
跳转：Future result = Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) => Page2(“我是跳转时传的参数”)));
接收： result.then((res) {
setState(() { //setState是一个监听的方法 res是返回来的参数
_handleMessage = res;
});});
返回：Navigator.of(context).pop(“这是返回携带的参数”);

四、插件的使用

https://pub.flutter-io.cn/flutter/packages 插件库，查找自己想要的插件。