前言 其实如果打算在实际项目中引入 Flutter,完全将旧有项目改造成纯 Flutter 项目的可能性比较小,更多的是在旧有项目引入 Flutter。 因此本篇我们就说一说如何在旧有项目引入 Flutter。 官方 WIKI 有说明,但是里面坑还是不少的,变化也是存在的。 因此就让 ...
前面三篇可以算是一个小小的里程碑。 主要是介绍了 Flutter 环境的搭建 如何创建 Flutter 项目以及如何在旧有 Android 项目引入 Flutter。 这一篇我们来学习下 Flutter 的 UI。 前言 说到 UI,我就简单说下 Flutter 作为一门跨平台语言具有的优势之一,提高效率吧。 举个例子: 假设现在要开发一个界面,Android 开发需要一天,iOS 开发也需要一 ...
2019-02-19 11:34 1 733 推荐指数:
前言 其实如果打算在实际项目中引入 Flutter,完全将旧有项目改造成纯 Flutter 项目的可能性比较小,更多的是在旧有项目引入 Flutter。 因此本篇我们就说一说如何在旧有项目引入 Flutter。 官方 WIKI 有说明,但是里面坑还是不少的,变化也是存在的。 因此就让 ...
前言 上一篇文章我们搭建好了 Flutter 的开发环境。 Flutter 即学即用——01 环境搭建 这一篇我们通过 Flutter 的一个 Demo 来了解下 Flutter。 开发系统:MAC IDE:Android Studio 目录 1. 创建一个 Flutter 项目 ...
前言 工欲善其事,必先利其器 所以第一篇我们来说说 Flutter 环境的搭建。 笔者这边使用的是 MAC 电脑,因此以 MAC 电脑的环境搭建为例。 Windows 或者 Linux 也是类似的操作。 Flutter 有英文版的官网和中文网,大家可以根据自己的喜好和情况 ...
前言 上一篇我们对 Flutter UI 有了一个基本的了解。 这一篇我们通过自定义 Widget 来了解下如何写一个 Widget? 然而 Widget 有两个,StatelessWidget 和 StatefulWidget,我们要继承哪一个? 下面让我们跟着文章来探索一番 ...
前言 上一篇我们讲解了如何通过 EventChannel 实现 Android -> Flutter 的通信。 并且也看到了 Flutter 内部 EventChannel 源码也是对 MethodChannel 的封装。 因此这篇我们来说下如何通过 MethodChannel ...
前言 紧接着上一篇,这一篇我们讲一下原生怎么给 Flutter 发信号,即原生-> Flutter 还是通过 Flutter 官网的 Example 来讲解。 案例 接着上一次,这一次我们让原生主动将电池的充电状态发送给 Flutter 并在界面显示。 步骤如下。 1. ...
背景 前面我们讲了很多 Flutter 相关的知识点,但是我们并没有介绍怎样实现 Flutter 与原生的通信。 比如我在 Flutter UI 上面点击了一个按钮,我希望原生做一些处理,那么原生怎么知道? 比如我在原生有些变化需要告知 Flutter,Flutter 又如何获知 ...
UI布局多半是套路,熟悉套路的规则。 Flutter的UI布局也有一套规则 center center可以让任何元素在屏幕中居中,既是水平居中又是垂直居中,如果想让元素从上而下排列要怎么办呢?那就得使用column来配合 container container是个容器,可以包在一个元素 ...