前言 本来这篇文章应该讲一下 Flutter 的插件开发，但是在插件开发的基础是 PlatformChannel，也就是 Flutter 与 Android/iOS Native 的通信，理解了这一个知识点，Flutter 的插件开发也就不在话下。 1.PlatformChannel 概述 Flutter 不能完成所有 Native 的功能，因此需要 Flutter 与 Native 的通信，Flutter 提供了一套 Platform Channel 的机制，来满足 Flutter 与 Native 通信的需求。…

前言 在 Android 开发中我们使用 Intent 来进行页面跳转，也称之为原生路由，后来出现了一些路由框架，比如 ARouter。 在 Flutter 中进行界面跳转的就是路由，路由用 Route 类来进行表示，Navigator 是对 Route 进行管理的 Widget。这一篇文章我们来学习路由和数据传递。flutter 路由的使用方式主要有两种，一种是新建路由，一种是注册路由。 1. 新建路由 创建两个页面，第一个页面有一个按钮，点击这个按钮跳到第二个页面。先来实现第一个页面： class FirstP…

前言 在 Android 开发中如果我们想要请求网络，可以使用 HttpClent、HttpURLConnection，但在项目中一般都会使用 OkHttp 和 Retrofit。在 Flutter 也是如此，系统提供了 HttpClient，但在项目中一般会使用第三方库，比如 http 和 Dio，如果你想找到更多的第三库，可以在 pub.dartlang.org/ 上查找想要的库。本篇文章以 Dio 为例，另外还会介绍 JSON 数据解析方面的知识。 1.Dio 的使用入门 Dio 是一个强大的 Dart Ht…

前言 Flutter 的布局在此前的文章多多少少用过，但是没有具体讲过，Flutter 的布局实际上也由 Widget 来控制的，在 Flutter 官网上并没有对布局 Widget 进行分类，这里将布局 Widget 根据子元素排列方式分为以下几种： 线性布局 Widget 流式布局 Widget 层式布局 Widget 弹性布局 Widget 下面分别介绍这几种布局 Widget。 1. 线性布局 Widget 线性布局类似于 Android 中的 LinearLayout，可以垂直也可以水平排列，Flutte…

和 Android 开发一样，Flutter 也有 asset 这一概念，asset 是打包到程序安装包中的，可在运行时访问。常见的 asset 类型包括静态数据（例如 JSON 文件）、配置文件、图标和图片（JPEG，WebP，GIF，动画 WebP / GIF，PNG，BMP 和 WBMP）。本文会通过例子，来简单介绍在 Flutter 中如何添加资源和图片。 1. 指定 assets 要想使用 asset，需要先让 asset 被识别，在项目根目录中的 pubspec.yaml 中定义图片就可以了。 flut…

前言 移动开发中，用户交互是一个重要的环节，在 Android 中的触摸、点击、滑动等事件处理都提供了相关的 Api，在 Flutter 中也是一样的，是由 Widget 来实现的。 Flutter 中的手势系统有两个独立的层。第一层是原始指针事件（pointer events），它描述了屏幕上指针，比如触摸、鼠标、触控笔的位置和移动。 第二层是手势，由一个或多个指针移动组成的动作会被识别为不同的手势。 1. 指针事件 指针表示用户与设备屏幕交互的原始数据。有四种类型的指针事件： PointerDownEvent：…

前言 我们知道 Widget 的分类有很多种，比如：Basics、Material Components、Cupertino、Scrolling 等等，在前面的文章我介绍了 Basics 和 Material Components，这一篇讲一下 Scrolling 分类中比较常用的 ListView、GridView、PageView。 1 ListView ListView 可以说是 Flutter 中最常用的 Scrolling Widget。 ListView 有四种构造函数： 默认构造函数 ListView…

foreach 是如何工作的？ 首先声明，我知道 foreach 是什么，也知道怎么去用它。但这个问题关心的是，内核中 foreach 是如何运行的，我不想回答关于 “如何使用 foreach 循环数组” 的任何问题。 很长时间我都认为 foreach 是直接作用于数组本身，后来一些资料表明，它作用于数组的一个副本，那时我以为这就是真相了。但最近我又讨论了一下这件事，经过一些试验，发现我之前的想法并非完全正确。 让我来展示一下我的观点。下面的测试用例中我们将使用以下数组： $array = array(1, 2, …

前言 在上一篇 Flutter 基础（五）Material 组件最佳入门（前篇）中，我介绍了 Material 组件的 MaterialApp、Scaffold、AppBar，这篇文章接着介绍 Material 组件中的 BottomNavigationBar、TabBar、Drawer。 1.BottomNavigationBar BottomNavigationBar 是底部的导航栏，用于在 3 到 5 个的少量视图中进行选择。一般情况下，导航栏的选项卡由文本标签、图标或两者结合的形式组成。 底部导航栏通常与 …

前言 在上一篇文章 Flutter 基础（四）开发 Flutter 应用前需要掌握的 Basics Widget，我们学习了 Basics Widget，除了 Basics Widget，我们还需要了解 Material Components，也就是 Material 组件。它提供了实现 Material Design 准则的视觉、行为和动作的 Widget。 官方将 Material 组件分为为几个类型： 应用程序结构和导航 Button 输入和选择 对话框，警告弹框和面板 信息显示 布局 主要介绍应用程序结构和…