Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 IT界著名的尼古拉斯·高尔包曾说：轮子是IT进步的阶梯！热门的框架千篇一律，好用轮子万里挑一！Flutter作为这两年开始崛起的跨平台开发框架，其第三方生态相比其他成熟框架还略有不…

以「微信」举例，我们在微信内阅读公众号的时候就是第一种情况，但是微信同时也提供了 Open with Browser 这一选项，这就是第二种情况了。 想实现第一种效果，我们需要使用一个名为 WebView 的东西，先来看看在 Android 中如何实现一个 WebView 吧。…

当前手机屏幕尺寸各不相同，导致我们平时写布局的时候会在个不同的移动设备上显示的效果不同。 为了达到一套代码所有手机（安卓、苹果）体验一致效果，需要做尺寸上的适配。 Flutter 内置了一套 Material Design 的颜色系统，在应用里我们可以直接使用这个颜色系统里提供…

1. 简介 Container在Flutter中太常见了。官方给出的简介，是一个结合了绘制（painting）、定位（positioning）以及尺寸（sizing）widget的widget。 可以得出几个信息，它是一个组合的widget，内部有绘制widget、定位widg…

以下案例中，我们都会将json文件放到本地，也就是 assets 文件中，然后从本地读取这些文件进行解析。 下面我们就来解析一些常见的 Json 格式的数据。 接着，我们在创建一个 person_service.dart 来解析 person.json。 可以看出 json.d…

dio是一个强大的Dart Http请求库，支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时、自定义适配器等.. 上面看了dio的api，非常灵活和简单，那么为什么还要封装呢？因为我们开发需要统一的配置场景。比如： 利用单例…

Flex 被称为弹性布局，这个在H5中也存在这个概念，H5中也有Flex布局。 所谓的弹性布局，就是允许子组件按照一定的比例来分配父容器的控件，他会自适应屏幕的宽度和高度，不是一个固定的数值。 Flex 组件可以沿着水平或垂直方向排列子组件。 因为Row和Column都继承自F…

Flex（Flexible Box）布局 称为 "弹性布局"，可以为网页的布局提供最大的灵活性，取代了往常的 浮动（float） 布局，并且任何一个容器都可以设置 Flex 布局。

State是一个保存负责控件生命周期的类，还有以下一些方法。包括初始化、构建、销毁等等使用setState方法时会刷新对应的回调 静态组件定义后不会再改变，一般很少用到。 Widget(组件)是Element(元素)的封装，flutter最后渲染的是Element。不涉及到原理…