写一个查询天气的demo。 其中android、ios下的文件我们都不动，我们只改动lib目录下的dart文件。 这里不建议用模拟器，因为模拟器在用GPU渲染时可能会出问题，导致图片渲染不出来。 然后按Run 在手机上把程序跑起来。 其中home 就是要显示的界面，这里我们要把…

Overlay是一个Stack的widget，可以将overlay entry插入到overlay中，使独立的child窗口悬浮于其他widget之上。 因为Overlay本身使用的是[Stack]布局，所以overlay entry可以使用[Positioned] 或者 [A…

在第4篇文章中，为了方便管理状态，我们介绍了InheritedWidget，今天介绍ScopedModel，这是一个封装的InheritedWidget的库，使用起来更方便。 可以方便的将model从父Widget传递到它的后代。而且还会在model更新时重建使用该model的…

写了一个很简单的应用，在将这个APP的功能复杂化之前，我们必须要选择一个合适的框架，这样才能避免代码失控，就是随着APP功能的增加，代码的结构和管理越来越复杂。本篇文章将如何使用InheritedWidget来管理状态。 因为InheritedWidget的实现是对象池，所有I…

因为Flutter除了Andorid、iOS，还可以在PC上运行，所以一直想试试以下在PC上的跨平台效果如何。发现Flutter想在PC上跑起来还不太简单。 现在开始。 1. 开始 接下来将按照这个的指示操作。 2. 在PC上运行example工程 3. 在PC上运行天气查询A…

在我接触Flutter之前，做过一个比较失败的基于DCloud的HTML5+技术的app，做过几个RN项目。在这两种不同机制的app升级方案中，RN采用的是微软的CodePush技术。而那个比较失败的项目采用的是检查版本号，下载安装包的方法。而在这个Flutter项目中，我在写…

通过构造器传递数据是一种最简单的方式，也是最常用的方式，在第一个页面，我们模拟创建一个我们需要传递数据的对象。当点击跳转的时候，我们把数据传递给DataTransferByConstructorPage页面，并把携带过来的数据展示到页面上。 如果一个页面只存在同一层级的Weig…

本篇文章我们一起开发一个炫炫的列表展示，伴随着滚动，背景做一些相应的动画效果。先看下效果图: 我们在main.dart里这么生成列表的children：items.map((Item _item) => DemoCard(_item)).toList();对DemoCard传入…