前面三篇可以算是一个小小的里程碑。 主要是介绍了 Flutter 环境的搭建、如何创建 Flutter 项目以及如何在旧有 Android 项目引入 Flutter。 这一篇我们来学习下 Flutter 的 UI。 前言 说到 UI,我就简单说下 Flutter 作为一门跨平台语言具有 ...
前言 上一篇文章我们搭建好了 Flutter 的开发环境。 Flutter 即学即用 环境搭建 这一篇我们通过 Flutter 的一个 Demo 来了解下 Flutter。 开发系统:MAC IDE:Android Studio 目录 . 创建一个 Flutter 项目 第一步:主界面点击创建 Flutter 项目 第一步:如果已经打开项目,则通过 File gt New gt New Flut ...
2019-02-13 19:23 2 588 推荐指数:
前面三篇可以算是一个小小的里程碑。 主要是介绍了 Flutter 环境的搭建、如何创建 Flutter 项目以及如何在旧有 Android 项目引入 Flutter。 这一篇我们来学习下 Flutter 的 UI。 前言 说到 UI,我就简单说下 Flutter 作为一门跨平台语言具有 ...
前言 其实如果打算在实际项目中引入 Flutter,完全将旧有项目改造成纯 Flutter 项目的可能性比较小,更多的是在旧有项目引入 Flutter。 因此本篇我们就说一说如何在旧有项目引入 Flutter。 官方 WIKI 有说明,但是里面坑还是不少的,变化也是存在的。 因此就让 ...
前言 工欲善其事,必先利其器 所以第一篇我们来说说 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 又如何获知 ...
main.dart import 'package:flutter/material.dart'; import 'package:flutter_isolate/flutter_isolate.dart'; import 'isolates.dart'; import ...