和 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 输入和选择 对话框，警告弹框和面板 信息显示 布局 主要介绍应用程序结构和…
为 laravel-China 的 composer 全量镜像进行分压，特意整理了国内能用的 composer 全量镜像。 镜像使用 $ composer config -g repo.packagist composer 镜像地址 $ composer clearcache $ composer update || install 说明：若项目之前已通过其他源安装，可以删除 composer.lock 以及 vendor 目录，重新生成。 关闭镜像 $ composer config -g --unset rep…
前言 学完了 Dart 语言，接下来就可以学习 Widget 了，Flutter 的 UI 界面就是由 Widget 组成的，Widget 的数量繁多，因此我会用几篇文章来专门介绍它，本篇就来介绍 Basics Widget。 1. 什么是 Widget Flutter 的 Widget 的设计灵感来自于 React，主要目的就是使用 Widget 构建 UI。Widget 根据其当前配置和状态来描述视图，当 Widget 的状态发生更改时，Widget 会重建其描述。framework 将根据前面的描述进行对比，…
前言 Dart 是 Flutter SDK 指定的语言，因此要学习 Flutter，Dart 是必须掌握的。关于 Dart 可以写一本书了，这里用一篇文章来介绍下 Dart 的精髓，带你快速入门。和 Java 语言类似的部分，这篇文章就尽量不再讲了。 1. Dart 开发环境搭建 学习 Dart 语法最好需要用一个编辑器来实践，这里推荐使用 IntelliJ IDEA。先下载 Dart SDK，地址为：http://www.gekorm.com/dart-windows/ 打开 IntelliJ IDEA，菜单中点…
