A_sendy的博客

开始​写Flutter已有好几个月的时间了，最开始总会有一点点不适应，但是写一段时间后还是觉得蛮顺手的，而且支持热更，不需要等整个项目编译，提升了不少效率。但是在开发过程中，总是会遇到因为Widget嵌套得不好而出现一些错误，于是一直想学习一下它的相关原理看看是为什么。所以通过学习和参考网上大神分享的的一些资料，整理出了今天要分享的文章。正文Flutter有三棵重要的树，分别是Widget树、Element树、RenderObject树，它们各司其职，分成了几个相关联但清晰的结构。Widget树与我们

前言Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生应用界面，它是开源的。使用Dart作为开发语言，如果有Java编程经验，Dart语言很好上手。最开始接触的时候，对于它的编码有点抗拒（虽然现在还有点，应该是不熟悉的原因吧），但不用具备移动开发经验的人也可以进行学习与使用。Flutter可加入到现有的Android或者IOS项目中，它还具备热加载。开始1...

前言搭建好Flutter的开发环境后，便可以开始应用的编写，关于环境如何搭建上篇文章已有分享。现在进入使用Flutter来编写一个小应用，由于自己没时间去搭建服务端和写接口，所以直接去申请天气预报接口，然后开始了应用的实现。开始本文分享的是构建天气详情页，展示的数据暂时写死，后面会通过网络接口换上。该页面准备展示城市，温度和天气情况，在最下面还展示一条心情便签。创建并初始化创建工程，然后...

前言前面分享了天气详情页与城市列表页，但是它们目前还是相对独立的，也就是没有任何的数据传递与之间的切换。本文将分享如何将它们连接起来，实现页面间的跳转与数据传递。开始1.页面跳转a.定义路由名字在MaterialApp中定义routes：routes: { "weather": (BuildContext context) => WeatherWidget(), "cit...

前言上一篇分享了如何搭建界面，但是没涉及到数据的获取与操作。本文将分享如何异步从网络获取数据并显示出来。开始1.引入网络请求包和json转换包：import 'dart:convert';import 'dart:io';2.创建数据实体类：class WeatherData { WeatherData({this.city, this.tmp, this.txt}); ...

前言前两篇实现了从实时天气的界面，这次将分享获取城市列表的数据并展示出来。获取数据和刷新的流程跟天气获取展示是一样的，不一样的是通过本文可以认识新的组件ListView。开始1.创建城市Widgetclass CityWidget extends StatefulWidget { @override State<StatefulWidget> createState(...

前言如果你从第一篇连读到本文，可能你已经把天气app的简易版写出来了，但是数据的缓存或者列表的美观度还是远远不够。本文将对城市列表进行改动并且对获取到的网络数据通过文件缓存起来，在拿不到网络数据的时候使用。1.修改成宫格将CityWidget中的build方法返回改成宫格的Widget @override Widget build(BuildContext context) { ...